jQuery验证插件继续错误消息传递

Question

我正在忙于一些表单验证，它正在工作，但是当你犯错误时，这些消息会一直存在。

因此，当您在电子邮件地址中填写只有名称时会出现错误，但是当您再次点击该字段时，会再次显示相同的消息。

如何解决这个问题，邮件只会显示一次？当消息消失时，这很好吗？

示例：http://jsfiddle.net/q7Z82/

Answer 1

您可以使用errorPlacement选项http://docs.jquery.com/Plugins/Validation/validate#options。像这样，

$("form.valid").validate({
    errorLabelContainer: "div.messages",
  //  errorElement: "div class='system error'",
    meta: "validate",
    errorPlacement: function(error, element) {
          error.insertAfter(element);
   },
});

这是演示http://jsfiddle.net/q7Z82/2/

Answer 2

您可以尝试以下内容：

$("form.valid").validate({
    errorLabelContainer: "div.messages",
    errorElement: "div class='system error'",
    meta: "validate",
    onkeyup: false,
    onclick: false
});

就消息消失而言，你可以使用你想要的任何超时（例如1秒），然后调用jQuery空方法。

setTimeout(function () { $("div.messages").empty() }, 1000)