当验证返回 false 时,我在启动输入字段的引导工具提示时遇到问题。
更多细节:
我有想法用 javascript 函数验证我的表单,这工作得很好,但是当验证错误时一定会发生一些事情。
我正在考虑引导工具提示,简单,易于控制,现在对我来说是最好的解决方案(如果是这样的东西,但确实用于验证和表单的气球)
我的代码在 javascript onsubmit 表单中:
function validateFault() {
var phone_number = document.getElementById("phone_number").value;
var phone_number_regex = new RegExp("^([+]?[1]?[0-9]{9,15})$");
$('#phone_number').tooltip('destroy');
if (!phone_number) {
$('#phone_number').tooltip({placement: 'right', title: 'phone number is required', trigger: 'manual'}).tooltip('show');
}
else {
if (!phone_number_regex.test(phone_number)) {
$('#phone_number').tooltip({placement: 'right', title: 'allowed phone number format: +999999999 (9-15 digits with possible plus)', trigger: 'manual'}).tooltip('show');
}
}
return false;
}
因此,当在我的表单中单击提交按钮时,该函数就会返回,并且它会工作一两次。
当我没有任何电话号码时,我会看到带有“需要电话号码”文本的工具提示,当我在那里写一些东西时,我会在工具提示中显示第二个文本。
但是当我第二次单击时,当工具提示显示时,出现以下错误:
Uncaught TypeError: Cannot read property 'trigger' of null
at HTMLDivElement.q (bootstrap.min.js:6)
at HTMLDivElement.e (jquery.min.js:3)
at HTMLDivElement.handle (bootstrap.min.js:6)
at HTMLDivElement.dispatch (jquery.min.js:3)
at HTMLDivElement.q.handle (jquery.min.js:3)
at Object.trigger (jquery.min.js:4)
at HTMLDivElement.<anonymous> (jquery.min.js:4)
at Function.each (jquery.min.js:2)
at r.fn.init.each (jquery.min.js:2)
at r.fn.init.trigger (jquery.min.js:4)
问题可能是未正确启动工具提示,因为我的输入字段或销毁命令中没有任何工具提示注释。
但我不知道如何更改工具提示中的标题并在第二次字段验证后再次显示。
如果有人可以帮助我,或者也许有更好的东西来显示此验证错误(例如气球),我将不胜感激。