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

Question

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

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

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

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

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

Answer 1

您可以使用errorPlacement选项，例如:

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

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