分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

jquery validate 动态增加删除验证规则(转载)

发布时间:2023-09-06 01:42责任编辑:林大明关键词:暂无标签

页面加载完成初始化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 动态增加删除验证规则(转载)

原文地址:https://www.cnblogs.com/sexintercourse/p/8444466.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved