jquery validate 实现动态增加/删除验证规则操作示例
更新时间:2019年10月28日 10:34:05 作者:lihaiboas1
这篇文章主要介绍了jquery validate 实现动态增加/删除验证规则操作,结合实例形式分析了jQuery validate表单验证相关操作技巧,需要的朋友可以参考下
本文实例讲述了jquery validate 实现动态增加/删除验证规则操作。分享给大家供大家参考,具体如下:
页面加载完成初始化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相关内容感兴趣的读者可查看本站专题:《jQuery页面元素操作技巧汇总》、《jQuery常见事件用法与技巧总结》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
相关文章
jQuery UI Dialog 创建友好的弹出对话框实现代码
jQuery UI Dialog是jQuery UI的弹出对话框组件,使用它可以创建各种美观的弹出对话框;它可以设置对话框的标题、内容,并且使对话框可以拖动、调整大小、及关闭;平常主要用来替代浏览嚣自带的alert、confirm、open等方法2012-04-04jQuery EasyUI datagrid在翻页以后仍能记录被选中行的实现代码
这篇文章主要介绍了jQuery EasyUI datagrid在翻页以后仍能记录被选中行的实现代码的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下2016-08-08
最新评论