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

时间:2010-10-12 14:05:54

标签: javascript jquery jquery-validate

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

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

我找到了选项:'errorLabelContainer但是将所有错误放在那1个容器中。

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

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

1 个答案:

答案 0 :(得分:2)

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

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

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