jQuery Validate 動態添加驗證

本文所記錄為部分使用方法，僅供博主記錄備案，如想查詢其它方法請自行搜索！

1，在jquery加載事件里添加如下驗證，可根據自行需要制定。

                 //form驗證
                 $("#myform").validate();
                 //驗證電話號碼
                jQuery.validator.addMethod("isTel", function(value, element) {    
                      //可以匹配座機號碼，形式如0511-12345678-1234，其中區號可以3位或4位或沒有，直撥號碼可以7位或8位，分機號可以為0至4位    
                      var tel = /^(\(\d{3,4}\)|\d{3,4}-)?\d{7,8}(-\d{1,4})?$/;    
                      return this.optional(element) || (tel.test(value));       
                 }, "格式");  
                 
                 // 手機號碼驗證       
                 jQuery.validator.addMethod("isMobile", function(value, element) {       
                     var length = value.length;   
                     var mobile = /^(((13[0-9]{1})|(15[0-9]{1}))+\d{8})$/;   
                     return this.optional(element) || (length == 11 && mobile.test(value));     
                  }, "格式不正確");   
                 //被投訴單位聯系方式

 

2，將事件添加到html元素上，何時添加自行發揮！如果不需要動態添加，可直接寫於class屬性上。

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

直接寫在class樣式上方法

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