jQuery Validate 动态添加验证

本文所记录为部分使用方法,仅供博主记录备案,如想查询其它方法请自行搜索!

1,在jquery加载事件里添加如下验证,可根据自行需要制定。

 1                  //form验证
 2                  $("#myform").validate();
 3                  //验证电话号码
 4                 jQuery.validator.addMethod("isTel", function(value, element) {    
 5                       //可以匹配座机号码,形式如0511-12345678-1234,其中区号可以3位或4位或没有,直拨号码可以7位或8位,分机号可以为0至4位    
 6                       var tel = /^(\(\d{3,4}\)|\d{3,4}-)?\d{7,8}(-\d{1,4})?$/;    
 7                       return this.optional(element) || (tel.test(value));       
 8                  }, "格式");  
 9                  
10                  // 手机号码验证       
11                  jQuery.validator.addMethod("isMobile", function(value, element) {       
12                      var length = value.length;   
13                      var mobile = /^(((13[0-9]{1})|(15[0-9]{1}))+\d{8})$/;   
14                      return this.optional(element) || (length == 11 && mobile.test(value));     
15                   }, "格式不正确");   
16                  //被投诉单位联系方式

 

2,将事件添加到html元素上,何时添加自行发挥!如果不需要动态添加,可直接写于class属性上。

//添加
$("#alt").rules("add",{isTel:true});
//删除
$("#alt").rules("remove","isTel");

直接写在class样式上方法

<input type="text" name="accusedUnitName" class="isTel" maxLength="30" />





posted @ 2012-03-29 15:25  为牛马者,背负前行  阅读(20301)  评论(1编辑  收藏  举报

如果本页面列出的内容侵犯了您的权益,请告知。
知识共享许可协议
996.icu