jqueryvalidate实现动态增加/删除验证规则操作示例-创新互联
本文实例讲述了jquery validate 实现动态增加/删除验证规则操作。分享给大家供大家参考,具体如下:
创新互联是一家专业提供息县企业网站建设,专注与成都网站制作、成都网站建设、外贸营销网站建设、H5技术、小程序制作等业务。10年已为息县众多企业、政府机构等服务。创新互联专业网站设计公司优惠进行中。页面加载完成初始化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:"验证码错误" } } });
文章标题:jqueryvalidate实现动态增加/删除验证规则操作示例-创新互联
标题URL:http://ybzwz.com/article/cciesh.html