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

Question

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

Answer 1

您可以使用 errorLabelContainer 和 wrapper 选项 为此：

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

errorLabelContainer 确定添加错误元素的位置，wrapper 确定它们所包装的内容。在本例中 #someElementUpTop 是一个

，用于将
• 包装标签附加到...因此单击仍会转到页面中存在验证错误的正确元素。如果您需要在此之上的另一个元素，例如在存在/不存在错误时适当隐藏和显示的
  ，请添加一个errorContainer：“ #someDiv" 选项。