jquery - 如何使用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"选项也是如此。