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();

浙公网安备 33010602011771号