Question

我正在寻找一个解决方案，我可以为给定的输入字段提供两个相同错误消息的实例。

更具体地说，我想在表单元素之后插入错误消息，并将其附加到该表单元素的相对标签元素。

为了便于理解，这里有jsfiddle example。

了解我有两个自定义错误展示位置：

 errorPlacement: function (error, element) {
     error.insertAfter(element);
     $('#username_label').append(error);
 }

但是，如果您尝试验证表单，您将看到错误消息仅显示在label元素中，并且输入后没有错误。

基本上，第二个语句会覆盖第一个语句。

如何纠正该错误并为该输入提供两条错误消息，这些消息在元素有效时被删除，并且在元素无效时都显示？

Answer 1

您需要clone错误元素。现在，您首先在输入元素之后插入错误，然后在用户名后附加它。

errorPlacement: function (error, element) {
    error.insertAfter(element);
    $('#username_label').append(error.clone());
}