我希望以与 Sparky 在 2013 年 2 月 7 日提供的示例类似的方式将 Jquery Validate 与 Tooltipster 结合使用： 如何在 Tooltipster 工具提示中显示来自 jQuery Validate 插件的消息？
不同之处在于验证方法是通过脚本函数而不是表单提交。我还想将工具提示附加到一个类而不是整个表单输入。验证完成后，该函数将调用另一个函数。
它有效，但显示以下警告：
Non-standard document.all property was used. Use W3C standard document.getElementById() instead.
我认为document.all它已被弃用，并且在未来的浏览器版本中不存在。但是我不明白为什么我的代码显示警告！我已经用我的代码消除了所有其他可能的原因。所以我认为它要么是我没有看到的东西，要么是导致警告的 Tooltips + Validation 组合库。
这是我的 JS 代码：
// initialize tooltipster on text input elements
$('.valid1').tooltipster({
trigger: 'custom',
onlyOne: false,
position: 'right'
});
// initialize validate plugin on the form
var validator = $('#propCreate').validate({
onsubmit: false,
errorPlacement: function (error, element) {
$(element).tooltipster('update', $(error).text());
$(element).tooltipster('show');
},
success: function (label, element) {
$(element).tooltipster('hide');
},
rules: {
pkg: { required: true },
TCaccept: { required: true }
},
messages: {
TCaccept: "Please check acceptance of our terms.",
pkg: "Please select suitable package."
},
submitHandler: function (form) {
}
});
//Validation
// this is to validate terms checkbox & Pkg
$("#btnNext").click(function () {
if (validator.form()) {
btnNextContinued()
}
});
是否有人对此有修复/解决方法，或者可以告诉我哪里出错了？
更新：在 Sparky 的大量观察和他的有用评论之后 - Firebug 中的一个错误是导致误报警告的原因。带有验证单选和复选框验证的工具提示器目前可以正常工作。