如何自定义jquery验证插件中每个字段的错误消息位置

Question

我正在使用jquery验证插件，并结合一些自定义字段类型(自定义选择框)。

jquery验证插件的默认行为是在form元素之后插入error message元素。尽管这将在隐藏的选择元素和用于自定义选择框功能的替换的ul元素之间呈现错误消息。

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

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

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

Answer 1

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

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

我不确定“下方”在你的代码中是什么意思，但这无疑是你之后的选项，它是为每个元素调用的，你可以随心所欲地替换与元素相关的错误。此选项的默认值为error.insertAfter(element);，使其紧跟在元素之后。