jquery - 扩展 Jquery 验证以在验证运行后显示/隐藏 div 或清除 div

Question

为了澄清，如何在 jquery 的验证插件运行其验证函数之前运行自定义函数(这是查看所有字段并显示错误消息的函数)？

现在我将所有错误输出到 div。我想捕获验证事件并在运行我的旧错误之前清除 div。然后我喜欢根据它是否有任何由jquery验证插件自动生成的标签来显示/隐藏该div。我可以做一切事情，但不知道如何扩展事件，运行我需要的东西，然后调用验证函数。谢谢!

Answer 1

有 2 个属性可以直接执行此操作 errorContainer和errorLabelContainer ，例如您想要 <div> 中的错误列表和 <div>要根据是否存在隐藏/显示，您可以这样做:

$("#myform").validate({
   errorContainer: "#myDivID",
   errorLabelContainer: "#myDivID ul",
   wrapper: "li",
   //other options/rules...
});

The options page has more detail around this ，但这就是简单修复所需的一切，假设您拥有一个列表，从我不完全确定的问题来看。如果你想在 div 中添加 div，不用费力...只需更改 "#myDivID ul"至"#myDivID"和"li"至"div" ...或者任何你想要的元素。

以上内容将隐藏<div id="myDivID">如果没有错误，如果有错误请显示。即使您在 div 顶部有描述/帮助消息或其他内容，并且错误只是 div 的一部分(由 errorLabelContainer 确定)，该方法仍然有效。选择器...它仍然会根据任何错误隐藏/显示，并保持您的消息/帮助不变。