国产探花免费观看_亚洲丰满少妇自慰呻吟_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里可以看到演示。

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 唐山市| 安化县| 普洱| 延川县| 霍邱县| 房产| 云南省| 伊吾县| 堆龙德庆县| 晋城| 广宁县| 彭州市| 屏东市| 神池县| 修水县| 桐城市| 秀山| 大英县| 德兴市| 皮山县| 江源县| 杭州市| 个旧市| 五大连池市| 曲麻莱县| 荔波县| 宿州市| 刚察县| 梨树县| 武川县| 临泉县| 辽宁省| 阿克| 甘孜县| 祁连县| 全州县| 六盘水市| 禄劝| 印江| 新源县| 临安市|