国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

js驗證框架之RealyEasy驗證詳解

2019-11-20 09:45:06
字體:
來源:轉載
供稿:網友

使用Really_easy_field_validation_with_Prototype進行表單驗證,具體內容如下

1、第一步當然是先引入js和css文件。

<link href="${ ctx}/skin/css/validation.css" rel="stylesheet" type="text/css" />  <script type="text/javascript" src="${ ctx}/scripts/prototype.js"></script>  <script type="text/javascript" src="${ ctx}/scripts/effects.js"></script>  <script type="text/javascript" src="${ ctx}/scripts/validation.js"></script> 

2、然后我在頁面的開頭添加了如下代碼(我把這段代碼放在meta.jsp里的,因為每個jsp都在頭部包含它。)

function afterLoaded(){    if(document.all){      var forms = document.forms;      if(forms.length > 0){        for(var i = 0; i < forms.length; i++){          if(forms[i]["method:save"])            new Validation(forms[i]);        }      }      window.clearInterval(inteval);      inteval = null;    }  }  var inteval = window.setInterval("afterLoaded();", 500 );  

3、如果要對一個輸入框進行驗證,只要在他的class里添加一些標志即可。如

復制代碼 代碼如下:
<input type="text" name="payable.howMuch" value="" id="payable_howMuch" class="required validate-number"/>
  
這表示這個字段必填,而且需要是數字。其他的內容,看一下validation.js末尾的代碼就明白了。 
4、另外我對validation.js做了點修改,因為我們的一個表單有多個submit按鈕,并且一般的只有name=method:save的按鈕被點擊時才需要觸發驗證,所以修改了驗證js。
將原來的  
復制代碼 代碼如下:
if(this.options.onSubmit) Event.observe(this.form,'submit',this.onSubmit.bind(this),false);  

改為了  
復制代碼 代碼如下:
if(this.options.onSubmit) Event.observe(this.form["method:save"],'click',this.onSubmit.bind(this),false);  

這樣也存在問題,但對于我們現在的樣子,這個更合適些。 
5、原來的css對按鈕等造成了影響,所以我把那些border的內容都去掉了。
6、這個驗證框架好像只考慮了一些情況,若要靈活使用還要花點時間具體了解了才行,還提供了callback機制,下載他的原版后,在html里可以看到演示。

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 内黄县| 栾城县| 北川| 拜城县| 兴仁县| 北流市| 西平县| 龙岩市| 锦州市| 察隅县| 苗栗县| 安泽县| 湖北省| 赤峰市| 高青县| 崇义县| 福安市| 北辰区| 明光市| 柘城县| 辉县市| 琼中| 抚州市| 名山县| 龙泉市| 英超| 类乌齐县| 沧州市| 蓝山县| 维西| 黑河市| 汶上县| 台江县| 宁南县| 班玛县| 蕉岭县| 黄山市| 阳山县| 岐山县| 彰化市| 西青区|