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!!

 

posted on   漫思  阅读(598)  评论(0编辑  收藏  举报

编辑推荐:
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
阅读排行:
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)
· DeepSeek R1 简明指南:架构、训练、本地部署及硬件要求
· 没有源码,如何修改代码逻辑?
· NetPad:一个.NET开源、跨平台的C#编辑器
历史上的今天:
2017-02-12 浏览器兼容性随笔

导航

< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8
点击右上角即可分享
微信分享提示