2017-04-12 140 views
0

我试图以编程方式检查我的表单的有效性下面的代码片段在单击按钮“#btnSet”时给出了true,即使我在电子邮件中输入了无效值字段,如果我再次点击它比虚假。jQuery验证 - .valid方法第一次尝试无法验证

$.validator.addMethod(
    "regex", 
    function(value, element, regexp) { 
    var re = new RegExp(regexp); 
    return this.optional(element) || re.test(value); 
    }, 
    "Please check your input." 
); 

var validator = $("#myForm").validate({ 
    rules:{ 
    cen:"email", 
    frm:{email:true,required:true}, 
    sub:{required:true, minLength:3,maxLength:50}, 
    fn:{required:true,minLength:3,maxLength:50}, 
    forCols:{regex:"^[1-9]?[1-9](,[1-9]?[1-9])*$"}, 
    ftrCols:{regex:"^[1-9]?[1-9](,[1-9]?[1-9])*$"} 
    } 
}); 

$("#btnSet").on("click",(function(validator){ 
    return function(){     
    alert(validator.valid()); 
    if(!validator.valid()){ 
     validator.showErrors(); 
     return; 
    } 
    } 
}(validator))); 

如果我用这个功能

$("#btnSet").on("click",function(){     
    alert($("#myForm").valid()); 
    if(!$("#myForm").valid()){ 
    return; 
    } 
}); 

替代click事件处理它给下面

a.validator.methods [d]误差是不确定

+0

请正确地格式化代码的可读性。 – Sparky

回答

1

a.validator.methods[d] is undefined表示您有未定义的方法(规则);换句话说,规则是无效的...

sub:{required:true, minLength:3,maxLength:50}, 

在这种情况下,您的规则拼写不正确。这不是minLengthmaxLength,但minlengthmaxlength ...

.... 
sub: { 
    required: true, 
    minlength: 3, 
    maxlength: 50 
}, 
....