jquery validate 动态增加删除验证规则(转载)
2018-02-12 14:23
381 查看
页面加载完成初始化form validate
$("#user_regForm").validate({ errorPlacement: function(error, element){ if(element.attr("id")=="province"||element.attr("id")=="city"||element.attr("id")=="area"){ var error_td = element.parent().parent('dd').next(); }else{ var error_td = element.parent('dd').next(); } error_td.html(""); error_td.append(error); element.addClass("user_regNok"); }, error:function(label,element){ element.addClass("user_regNok"); }, success : function(label,element){ label.addClass('reg_validate_right').text(''); element.removeClass("user_regNok"); }, submitHandler:function(form){ console.info("submit:"+$(form).serializeArray()); form.submit(); }, onkeyup: false, rules : { username:{ required:true, alipay:true, remote : { url :'index.php?mod=ajax&act=check_user', type:'post', data:{ username : function(){ return $('#username').val(); } } } }, password : { required : true, rangelength:[6,20] }, password_confirm : { required : true, equalTo : '#password' }, captcha:{ required : true, maxlength:4, remote : { url :'index.php?mod=ajax&act=check_captcha', type:'post' } } }, messages : { username:{ alipay:"输入电子邮箱或手机号码", remote:"用户名已存在" }, password : { required : '您必须提供一个密码', rangelength: '密码长度应在6-20个字符之间' }, password_confirm : { required : '您必须再次确认您的密码', equalTo : '两次输入的密码不一致' }, captcha:{ required : "请输入验证码", maxlength:"输入4位验证码", remote:"验证码错误" } } });
后期比如像增加某些表单的验证规则
var add_user_validate=function(){ console.info("add_user_validate"); remove_user_validate(); $("#province").rules("add",{required:true,min:0,messages:{min:"请选择省份"}}); $("#city").rules("add",{required:true,min:0,messages:{min:"请选择城市"}}); $("#area").rules("add",{required:true,min:0,messages:{ min:"请选择区域"}}); $("#sjhztype").rules("add",{required:true,min:0,messages:{ min:"请选择合作类型"}}); $("#realname").rules("add",{required:true}); $("#tel").rules("add",{required:true,mobile:0}); $("#shopname").rules("add",{required:true}); }
后来又因为什么原因不详以上元素需要验证
可以删除规则
var remove_user_validate=function(){ console.info("remove_user_validate"); $("#province").rules("remove"); $("#city").rules("remove"); $("#area").rules("remove"); $("#sjhztype").rules("remove"); $("#realname").rules("remove"); $("#tel").rules("remove"); $("#shopname").rules("remove"); }
ok!!
相关文章推荐
- jquery validate 动态增加删除验证规则
- jquery validate 动态增加删除验证规则
- jquery validate 动态增加删除验证规则
- jquery validate 插件动态添加删除验证规则
- jquery validator之动态增加/删除验证规则
- jQuery validate 根据上下文条件动态给字段添加或删除验证选项?
- jquery validate动态添加/删除规则
- jquery 的validate 动态添加验证规则 及 jquery选择器 name带变量
- jquery validate的动态加入另一个js文件的验证规则
- JQuery validate验证规则 转载 2014年04月19日 09:19:39 6050919 //定义中文消息 var cnmsg = { required: “必选字段”, remote:
- 关于Jquery.validate.js中动态删除验证remove方法的Bug
- js+jquery动态设置/增加/删除/获取元素属性的两种方法集锦对比(动态onclick属性设置+动态title设置)
- 【转载】Jquery验证 Jquery.validate详细解读
- 【转载】[jquery.validate]自定义方法实现"手机号码或者固定电话"的逻辑验证
- jquery动态增加删除表格行的小例子
- jQuery Validate 验证,校验规则写在控件中的具体实例
- Jquery Validate 相关参数及常用的自定义验证规则
- jQuery Validate 相关参数及常用的自定义验证规则
- jquery动态增加text元素以及删除文本内容实例代码
- Jquery Validate 相关参数及常用的自定义验证规则