ぼやけたフィールドの代わりにフィールドのぼかしでフォーム全体を検証する方法

Question

jQueryの妥当性検査を使用するフォームがあり、控えめな検証を使用してルールを宣言しています。現在、私は、デフォルトのフォームが、その後のブレだけでぼやけたフィールドを検証された後、（フォーム内のすべてのフィールドを検証する）に提出されるまで、ぼかしには何の検証がないところ振る舞いを提出するを使用しています。

この動作を変更して、送信後に1つのフィールドをぼかすとフォーム全体が再検証されるため、すべての問題が解決されるまでエラーサマリが画面に残ります。提出前の動作は変わりません。

私は運で、他のSOの回答に基づいて、次のonfocusout方法を試してみた：

onfocusout: function(element, event) { 
    $(element).valid(); 
} 

と

onfocusout: function(element, event) { 
    this.element(element); 
} 

Answer 1

this.element(element)と$(element).valid()の両方が単一の要素の検証をトリガーするためのものです。あなたのケースでは、.validate()または.setDefaults()メソッドのオプションの内側にこれを適用しようとしているので、.valid()を使用すると、無限再帰を引き起こす可能性があります。

これは.element()となります。ただし、as per the docsは、フォーム全体ではなく、単一のフィールドでのみ使用できます。単一のフィールドをぼかすことはフォーム全体に

を再検証方法の代わりに、私はこの動作を変更したいだけのぼやけたフィールド
のフィールドブラーにフォーム全体を検証するために...

解決策は、すべての関連する入力要素に添付された外部blurイベントハンドラを書き、フォームに.valid()メソッドをアタッチすることです。この一般的な例のセレクタを、特定のフォームに適用できるものに変更します。

$('#myform input[type="text"]').on('blur', function() { 
    $('#myform').valid(); // <- trigger validation on entire form 
}); 

• $('#myform input[type="text"]')#myform

• $('#myform') selects the形態based on ID = "あるmyForm" `