javascript - ラベルが 'display:block' の場合、Javascript は最初の無効なフィールド (jQuery Validation) にフォーカスを失います

Question

エラー メッセージ (ラベル) が「display:block」の場合、Javascript は「unhighlight」イベント (jQuery Validation) で最初の無効なフィールドにフォーカスを失います。

最新の jQuery Validation の純粋なコードを使用します: jquerycom/Plugins/Validation

body {padding:20px;}
/*label.error {display:block;}*/
label.error {color:red;}
p {padding-bottom:15px;}

コード: http://jsfiddle.net/352TH/3/

1. 私のエラーラベルはcssで「インライン」です。
2. [送信] ボタンを押す -> 2 つのエラーが表示されます。メール フィールドに注目してください。
3. 有効な電子メールを電子メール フィールドに書き込みます。
4. [送信] ボタンを押す -> 1 つのエラーが表示されます。コメント フィールドに注目してください。

/*label.error { display:block; }*/CSSコードの行のコメントを外しただけです

body {padding:20px;}
label.error {display:block;}
label.error {color:red;}
p {padding-bottom:15px;}

コード: http://jsfiddle.net/352TH/4/

1. 私のエラー ラベルは css の「display:block」です。
2. [送信] ボタンを押す -> 2 つのエラーが表示されます。メール フィールドに注目してください。
3. 有効な電子メールを電子メール フィールドに書き込みます。
4. [送信] ボタンを押す -> 1 つのエラーが表示され、コメント フィールドにフォーカスがありません。

:(

Answer 1

これを試して

あなたのコード

$(function(){
$("#commentForm").validate({
    errorLabelContainer: '.validationSummary'
});

});

変更

$("#commentForm").validate(function(){
    errorLabelContainer: '.validationSummary'
});

そして、この例を見てください

ご挨拶。