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提示消息用默认中文提示就好。