如何从jquery validate插件为每个字段自定义错误消息的位置

Question

我正在使用jquery validate插件，结合一些自定义字段类型（自定义选择框）

jQuery验证插件的默认行为是在表单元素之后插入错误消息元素。 尽管这样做会在隐藏的select元素和用于自定义选择框功能的替换ul元素之间呈现错误消息。

我找到了一个选项：'errorLabelContainer，但这将所有错误放入该1个容器中。

我正在寻找一种将错误标签放置在每个表单元素下方的解决方案（因此，在自定义表单元素（如这些伪造的选择框之后）之后），而不是将所有错误都放置在同一容器中的custuom position选项。

如果这将涉及在每次错误触发后手动移动它们，那么我宁愿先有一个干净的解决方案

Answer 1

您可以为此使用errorPlacement选项，例如：

$("#myform").validate({
  errorPlacement: function(error, element) {
     error.insertAfter(element.parent());
   }
});

我不确定代码中的“下面”是什么意思，但这无疑是您之后的选择，它是为每个元素调用的，您可以根据需要替换与该元素有关的错误。 此选项的默认值为error.insertAfter(element); ，使其显示在元素之后。