当标签'display:block'时,Javascript会失去对第一个无效字段(jQuery验证)的关注

时间:2013-01-11 17:47:50

标签: javascript jquery validation focus

当错误消息(标签)'显示:阻止'时,Javascript会失去对'unhighlight'事件(jQuery验证)上第一个无效字段的关注。

我使用最新jQuery验证的纯代码: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中是'inline'。
  2. 按提交按钮 - >显示两个错误,重点关注电子邮件字段。
  3. 将有效的电子邮件写入电子邮件字段。
  4. 按提交按钮 - >注释字段显示一个错误焦点
  5. 现在只是在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/

    1. 我的错误标签是css。中的'display:block'。
    2. 按提交按钮 - >显示两个错误,重点关注电子邮件字段。
    3. 将有效的电子邮件写入电子邮件字段。
    4. 按提交按钮 - >注释字段显示一个错误无关注
    5. :(

1 个答案:

答案 0 :(得分:0)

试试这个

您的代码

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

});

更改

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

并查看此Example

问候。