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