jQueryの検証 - 。最初の試行が有効ではない無効なメソッド

Question

私のフォームの有効性をプログラムで検証しようとしていますが、電子メールに無効な値を入力したとしても "#btnSet"フィールドをクリックするとfalseになります。

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

にクリックイベントハンドラを交換した場合それは

a.validator.methods [D]以下のエラーを与えることは未定義である

Answer 1

a.validator.methods[d] is undefinedは、未定義のメソッド（ルール）があることを意味します。言い換えれば、無効なルール...

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

この場合、ルールのスペルが正しくありません。それはminLengthとmaxLengthはないが、minlengthとmaxlength ...

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