javascript - jquery验证如何仅从指定的隐藏字段隐藏错误消息

Question

我得到了包含许多字段的表单，其中一个字段在验证时被隐藏了...我使用下面的代码来设置突出显示消息

jQuery('.validatedForm').validate({
    errorElement: "label",
    errorClass: 'profile-error',
    highlight: function(element) {
        $(element).css("border-color","#d44");
        if($('#checkedhour').val() == "") {
            $('.table tbody td').css("border","solid 1px #d44");
        }
    },
    unhighlight: function(element) {
        $(element).css("border-color","#DFD7CA");
    },
});

问题是错误也出现在隐藏的字段上...这个隐藏的字段...我应该怎么做才能只显示隐藏字段的错误消息但保留该字段的验证？

<form>
  <input type="text" required name="field1" />
  <input type="hidden" required name="field2" />
  <button type="submit">send</button>
</form>

当两个字段都为空时，错误消息将作为标签元素出现在两个字段之后。我只想标签仅出现在非隐藏字段之后。

Answer 1

"Otherwise i still will be happiest when somebody find solution to make this via jquery validation plugin."

要控制消息的放置方式，请使用插件的 errorPlacement 选项。在条件检查元素是否隐藏的情况下，您可以消除其消息。

errorPlacement: function(error, element) {
    if ($(element).is(":hidden")) {
        return false; // no message shown
    } else {
        error.insertAfter(element); // default message placement
    }
}

概念验证演示:http://jsfiddle.net/o5pns06x/