1. 程式人生 > >jquery validate 對動態表單元素新增校驗

jquery validate 對動態表單元素新增校驗

形如有如下表單元素:

....

<input type="text" ....>

<input type="text" ....>

<input type="text" ....>

<input type="text" ....>

if (!$('#form').valid()) {
$("input[for='input']").each(
           function() {
               $(this).rules("add", {maxlength :20, messages: {maxlength:"長度不能大於20"} });
            }
)
   
   $("table textarea").each(
           function() {
               $(this).rules("add", {maxlength :100, messages: {maxlength:"長度不能大於100"} });
           }
   )
return;
}

這種寫法只能在valid()執行後才能起作用。

要想不執行提交按鈕就起作用,則可以在動態新增的js裡面,為每個表單元素新增校驗規則:

 $(‘#name’).rules("add", {maxlength :20, messages: {maxlength:"長度不能大於20"} });

呵呵以上方法是能保證正常使用validate了,但在想後臺提交資料時候回報回撥js異常,所以應該吧後面的messages: {maxlength:"長度不能大於20"} 去掉,message提示訊息用預設中文提示就好。