如何使用 jquery 验证插件在顶部查看标签特定消息？

Question

我正在使用 jquery 验证插件在顶部而不是在标签旁边显示错误消息。比如说，我有地址、城市、邮政编码 ....如果用户不输入任何内容，我必须在 div 的顶部显示错误消息，例如“请输入有效地址”、“请输入有效城市”等。 . 我怎样才能覆盖插件的默认行为.....任何帮助将不胜感激...... 谢谢！

Answer 1

您可以为此使用errorLabelContainer and wrapper options：

$("form").validate({
  errorLabelContainer: "#someElementUpTop", //a <ul> element for example
  wrapper: "li" //display them in a list
});

errorLabelContainer 确定错误元素的添加位置，wrapper 确定它们的包装内容。在这种情况下，#someElementUpTop 是 <ul>，用于将 <li> 包装标签附加到...所以点击仍然会转到页面中存在验证错误的正确元素。如果您需要在此之上的 另一个 元素，例如一个 <div>，它会在有/没有错误时适当地隐藏和显示，也可以添加一个 errorContainer: "#someDiv" 选项。