jquery validate 對動態表單元素新增校驗
阿新 • • 發佈:2019-01-03
形如有如下表單元素:
....
<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提示訊息用預設中文提示就好。