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 2018-02-12 14:23  漫思  阅读(597)  评论(0编辑  收藏  举报

导航