您的位置:首页 > Web前端 > JQuery

jquery validate 动态增加删除验证规则

2016-09-30 10:12 429 查看
页面加载完成初始化form validate 

[javascript]
view plain
copy

print?

$("#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:"验证码错误"  
                }  
            }  
        });  

后期比如像增加某些表单的验证规则

[javascript]
view plain
copy

print?

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});  
    }  

后来又因为什么原因不详以上元素需要验证

可以删除规则

[javascript]
view plain
copy

print?

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");  
    }  
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: