Java 将jquery.validate与bootstrap popover集成
我已经用jquery.validate插件验证了注册表 现在,如果表单无效,我想把validate的结果放在一个bootstrap popover中,但实际上,我不知道如何才能做到这一点Java 将jquery.validate与bootstrap popover集成,java,jquery,twitter-bootstrap,jquery-validate,Java,Jquery,Twitter Bootstrap,Jquery Validate,我已经用jquery.validate插件验证了注册表 现在,如果表单无效,我想把validate的结果放在一个bootstrap popover中,但实际上,我不知道如何才能做到这一点 一些帮助?jQuery.validate插件有一个名为errorPlacement的方法 这需要两个参数: 错误:验证程序在该元素上创建的错误消息 元素:正在验证的元素 验证器在这里发送错误/有效消息,您可以处理其中的所有放置逻辑。我倾向于在初始化验证器之前,将所有这些都放入.setDefaults 例如:
一些帮助?jQuery.validate插件有一个名为
errorPlacement
的方法
这需要两个参数:
- 错误:验证程序在该元素上创建的错误消息李>
- 元素:正在验证的元素
.setDefaults
例如:
jQuery.validator.setDefaults({
ignore: "",
errorPlacement: function (error, element){
// Insert error messgae placement logic here
}
});
要显示和隐藏错误的工具提示,需要使用
errorPlacement
和success
回调函数
由于您没有显示自己的代码,下面是一个使用Tooltipster插件的类似设置,只是为了让您了解如何使用这些回调函数。根据需要调整引导弹出窗口或任何其他工具提示插件
$(document).ready(function () {
$('#myform').validate({
// rules and options here,
errorPlacement: function (error, element) {
// construct tooltip with message as per plugin method
$(element).tooltipster('update', $(error).text());
// show tooltip as per plugin method
$(element).tooltipster('show');
},
success: function (label, element) {
// hide tooltip as per plugin method
$(element).tooltipster('hide');
}
});
});
演示:
参考资料:
文档:签出以下内容:
这是一个集成了jQuery验证和bootstrap popover的插件,您可能会对它有所了解。使用
errorPlacement
回调搜索代码示例。请自己尝试解决此问题,然后在寻求帮助时显示您的尝试。除非您使用的是低调。验证或有多个表单,否则我看不到使用setDefaults()
的好处。为什么不使用.validate()
?setDefaults()
减少代码重复,以普通的初始化方式显示OP。使用一个带有默认设置的位置可以创建多个validate()
实例,而无需每次定义errorPlacement
。这就是为什么我说,“除非您…有多个表单,…”。然而,通常情况下,我认为情况并非如此,您应该给出一个简单的示例以减少混淆。此外,在没有相关上下文的情况下包括忽略
选项也没有帮助。在这种情况下,ignore
与OP要求的任何内容无关。1。OP可能不知道setDefaults()
选项,因此解释它将增加他对插件的了解。2.该示例主要概述了setDefaults()
中可以包含哪些属性。如果OP感到困惑,我相信他可以发表评论,这样我就可以为他澄清任何事情。没有理由去防守。。。FWIW,我的评论只是为了把一个简单的答案变成值得很多人投票的有用建议。