当标签“显示：块”时，Javascript 失去对第一个无效字段（jQuery 验证）的关注答案

【问题标题】：Javascript lose focus on first invalid field (jQuery Validation) when labels 'display:block'当标签“显示：块”时，Javascript 失去对第一个无效字段（jQuery 验证）的关注
【发布时间】：2013-01-12 06:20:31
【问题描述】：

当错误消息（标签）“display:block”时，Javascript 会失去对“unhighlight”事件（jQuery 验证）上第一个无效字段的关注。

我使用来自最新 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/

我的错误标签在 css 中是“内联”的。
Push Submit 按钮 -> 显示两个错误，关注电子邮件字段。
将有效的电子邮件写入电子邮件字段。
按下提交按钮 -> 显示一个错误，关注评论字段。

现在只是在 css 代码中取消注释 /*label.error { display:block; }*/ 行

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

代码：http://jsfiddle.net/352TH/4/

我的错误标签是 css 中的“display:block”。
Push Submit 按钮 -> 显示两个错误，关注电子邮件字段。
将有效的电子邮件写入电子邮件字段。
按下提交按钮 -> 显示一个错误，NO focus 在评论字段上。

【问题讨论】：

它在 Chrome 中对我来说工作正常
不，不，不，我也使用 Chrome。你在未注释的 css 之后推送了 Run (jsFiddle) 吗？
按照jsfiddle.net/352TH/3 的字母（在 Chrome 23.0.1271.97 m 中）的步骤，我无法重现此行为。我的光标在适当的输入中忠实地闪烁，等待我输入其他内容。
@DenisDerebizov - 是的，我一直在使用 jsFiddle，它按预期工作
我看到最大的问题是解释正确。我在 jsFiddle 上创建了两个链接（jsfiddle.net/352TH/3 和 jsfiddle.net/352TH/4）。我还想澄清一下，只有在 unhighlight 事件之后，我才能在 jsfiddle.net/352TH/4 案例中获得焦点。要重现这个 jquery.validation 错误，您应该通过所有 4 个步骤。

标签： javascript jquery validation focus

【解决方案1】：

试试这个

你的代码

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

});

换

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

看看这个Example

您好。

【讨论】：

$("#commentForm").validate(function(){ - 这是错误的代码，它破坏了 errorLabelContainer :( 这就是为什么所有错误都靠近它们的输入。