javascript - 如何在 Bootstrap 的附加组件后显示 jQuery Validate 错误消息？

Question

目前它显示在输入字段之后，因此它位于输入字段和.add-on之前，这是不正确的 - 请参阅演示。如何纠正？（另请注意，我使用自定义的 errorPlacement - 此功能应保持不变）

Answer 1

对于在任何引导附加元素后始终打印它的通用解决方案，请使用以下内容：

errorPlacement: function(error, element) {
var next = element.next();
if (next.hasClass('add-on'))
  $(error).insertAfter(next);
else
  $(error).insertAfter(element);
}

Answer 2

Just change

$(error).insertAfter($(element));

To

$(error).insertAfter($(element).parent());

Or you cannot modify that js code? If so, it'll be necessary to create css hack or just change HTML markup.