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");
重置表单验证,以防多次使用$("#form").valid()验证导致失焦,无法验证
var formValidator = $("form").validate(); formValidator.resetForm();