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

 

  

 

posted @ 2020-04-28 15:39  bud  阅读(1368)  评论(0编辑  收藏  举报