jQuery検証プラグイン - フォーカスイベントがキー/マウスイベントに一貫しない

Question

私はクエリバリデーションプラグイン（http://docs.jquery.com/Plugins/Validation）を使用しています。私の目標はフォームが表示される前にエラーメッセージを表示することです提出された。これを行うには、私は.valid（）メソッドを使用しています。

エラーが発生するまでこれらのメッセージを表示したくないので、最初は隠しています。フィールドが初めてフォーカスされているときは、エラーメッセージを表示したくありません。これはマウスで入力をフォーカスするときにはうまくいきますが、タブキーを使用してフィールドにフォーカスを合わせるとエラーメッセージが表示されます。

私はフォーカスの問題を示すために、ここでフィドルを作成しました：http://jsfiddle.net/tucsonlabs/WQnHN/4/

Answer 1

@mindandmediaと@Fabianのコードの組み合わせを使用する必要がありました。ここで

は私のために働いていたものです：

var code; 

$('input').keyup(function(e) { 
    code = (e.keyCode ? e.keyCode : e.which); 
    if(code == 9) { 
     return false; 
    } 
}); 

$('#myForm').validate(); 

$('input').blur(function() { 
    if(!$(this).valid()) { 
     $(this).next('label.error').show();     
    } 
}); 

Answer 2

これがうまく機能：

$(document).ready(function() { 
    $('#myForm').validate(); 

    //$('#myForm').valid(); 
    $('#myForm').hideErrors(); 

    $('input').blur(function() { 
     if(!$(this).valid()) $(this).next('label.error').show();     
    }); 
});​ 

Answer 3

これは動作するはずです：http://jsfiddle.net/yQRvZ/

var code; 
$('input').keyup(function(e) { 
    code = (e.keyCode ? e.keyCode : e.which); 
    if(code == 9) { 
     return false; 
    } 
}); 

毎回あなたがキーを離し（これは.keyup()です）、inputフィールドは、このjQueryコードがリリースされたキーコードをチェックするようにフォーカスされていますキー。 Tabの場合、キーコードは9です。したがって、Tabを解放するたびにreturn false;はデフォルトイベントを防止し、イベントのバブリングを防止します。