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" />

转载于:https://www.cnblogs.com/live365wang/archive/2012/03/29/2423455.html