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

  

  

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM