Bootstrap 插件后如何显示 jQuery Validate 错误信息？

Question

目前它显示在输入字段之后，因此它位于输入字段和.add-on之前，这是不正确的 - 参见the demo。 如何纠正？ （请注意我使用customized 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

改变一下

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

到

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

或者你不能修改那个js代码？如果是这样，则有必要创建 css hack 或仅更改 HTML 标记。