jquery validate表單驗證（動態字段驗證）

formValidate.js內容如下：

 

formValidation:function(fields){
　　var rules = new Object();
　　var messages = new Object();
　　for(let i=0,len=fields.length;i<len;i++){
　　　　var obj = new Object();
　　　　var msg = new Object();
　　　　if(fields[i].required){
　　　　　　obj.required = true;
　　　　　　msg.required = fields[i].displayname + "不能為空";
　　　　}
　　　　//其他驗證可以同上操作　
　　　　var name = fields[i].name;
　　　　rules[name] = obj;
　　　　messages[name] = msg;
　　}
　　$("#form").validate({
　　　　rules:rules,
　　　　messages:messages,
　　　　debug:false,
　　　　errorClass:"validError",
　　　　errorPlacement:function(error,element){
　　　　　　//針對select選擇框，追加字段驗證錯誤提示信息
　　　　　　if(element.is("select")){
　　　　　　　　//獲取元素的name屬性
　　　　　　　　var eid = element.attr("name");
　　　　　　　　//將錯誤信息添加到當前元素的父節點后面
　　　　　　　　error.appendTo(element.parent("div"));
　　　　　　} else {
　　　　　　　　error.insertAfter(element);
　　　　　　}
　　　　}
　　});
}

　　

　

動態字段添加字段驗證：

//id為動態字段id
$("#id").rules("add",{
    required:true,
　　messages:{
　　　　required:id不能為空,
　　}

});

　　

 

刪除動態添加的字段驗證：

//id為動態添加的字段id
$("#id").rules("remove");