jQuery验证插件-在字段焦点上隐藏错误标签

Question

我希望用户单击“提交”时出现错误标签。 但是，当用户专注于某个字段时，即使仍然存在错误，错误消息也会消失。 用户再次单击“提交”时，接下来将看到错误消息。

如何关闭默认功能？ （现在，提交时会出现错误，直到错误消失，错误才会消失。但是我正在使用有限的空间，将标签放置在输入字段的正上方，因此当出现以下情况时，我需要将标签消失该字段已选中。）

谢谢

Answer 1

您可以通过在.focus()上附加一个函数来隐藏该字段的验证消息，从而手动隐藏消息。 像（未经测试的）：

$(function() {
    $("input").focus(function() {
        $(this).prev().hide();
    });
});

Answer 2

默认行为是在DOM中的输入之后立即插入验证元素。 因此，您可以使用CSS隐藏标签

input:focus + .field-validation-error { display: none; }