jQueryのvalidate（）。element（）がエラーを直接表示しない

Question

jQueryのUIタブコントロールを使用して簡単なウィザードを実装しています。検証のために私はjQueryの検証を使用しています。ウィザードの次のタブに移動するには、「次へ」ボタンを押すと、私は現在のタブ上のすべてを検証：

$('.forward').click(function() { 
    var valid = true; 
    $(this).closest("div").find("input").each(function() { 
    valid = valid && $("#form").validate().element(this); 
    }); 

    // Code to select next tab if valid 
}); 

これは動作します - 私はvalidに正しい値を取得します。しかし何か間違っていると、エラーメッセージはすぐに表示されません。エラーメッセージが表示される前に、別の場所をクリックして次のボタンのフォーカスを失わなければなりません。

validate().element(this)を実行した直後にエラーメッセージを表示させるにはどうすればよいですか？

Answer 1

あなたのメソッドは、ぼかしまたはキーアップの検証として動作しますが、結果を返します。
ここにはぼかしやキーアップがありません。 try

$('.forward').click(function() { 
    var valid = true; 
    $(this).closest("div").find("input").each(function() { 
    valid = valid && $("#form").validate().element(this); 
    this.blur(); 
    }); 
// Code to select next tab if valid 
});