jQueryで無効なフィールドの焦点を合わせる方法は？

Question

focusInvalidオプションがあります。デフォルトではtrueです。しかし、フォーム提出が発生した場合にのみ機能します。私がvalidメソッドでフォームを検証すると、動作しません。ですから、validを使用すると無効なフィールドをどのようにフォーカスするのでしょうか？

違いを確認するにはthis demoをご覧ください。ボタンを押すだけです。あなたはクリックハンドラでそれを使用できるように変数にあなたのバリデータを保存するために必要なすべての

Answer 1

まず：

var validator = $("#test-form").validate({ /* settings */ }); 

[検証ハンドラで、手動でvalidator変数からfocusInvalid関数を呼び出すことができます：あなたが最初のelemにフォーカスを設定することができますinvalidHandlerで

$("#validate").click(function() { 
     if ($("#test-form").valid()) 
       alert("Valid!"); 
     else 
       validator.focusInvalid(); 

     return false; 
    }); 

Example

Answer 2

あなたは失敗します：

$("#form").validate({ 
    onfocusout: false, 
    invalidHandler: function(form, validator) { 
     var errors = validator.numberOfInvalids(); 
     if (errors) {      
      validator.errorList[0].element.focus(); 
     } 
    } 
});