在运行validation后,扩展Jqueryvalidation以显示/隐藏div或清除div
为了澄清,如何在jquery的validation插件运行其validationfunction之前运行自定义函数(这是查看所有字段并显示错误消息)?
现在我将所有错误输出到div。 我喜欢抓住validation事件并在运行旧错误之前清除div。 然后id喜欢显示/隐藏该div,如果它有任何由jqueryvalidation插件自动生成的标签。 我可以做任何事情,但弄清楚如何扩展事件,运行我需要的东西,然后调用validationfunction。 谢谢!
有两个属性可以直接执行errorContainer
和errorLabelContainer
,例如你想要一个
和
中的错误列表来隐藏/显示基于是否有任何错误,你可以这样做:
$("#myform").validate({ errorContainer: "#myDivID", errorLabelContainer: "#myDivID ul", wrapper: "li", //other options/rules... });
选项页面有更详细的内容,但这是一个简单修复所需的一切,假设列表是你所拥有的,从我不完全确定的问题。 如果你想在你的div中说div,没有汗……只需将"#myDivID ul"
改为"#myDivID"
,将"li"
改为"div"
……或者你想要的任何元素。
如果没有错误,上面将隐藏
如果有错误则显示。 即使你有一个描述/帮助消息或div顶部的东西,错误只是div的一部分,由errorLabelContainer
选择器确定…它仍将隐藏/显示基于任何错误和保持消息/帮助不受影响。
您可以附加许多事件处理程序。 success
& invalidHandler
似乎最适合您的要求,但errorPlacement
也可能有用。
有关更多信息,请参阅http://docs.jquery.com/Plugins/Validation/validate#toptions 。