2
我在驗證返回false時啓動引導工具提示輸入字段時出現問題。使用引導工具提示進行Javascript驗證
更多細節:
我有想法來驗證我的形式與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)
也許問題是不能正常啓動提示,因爲我沒有任何提示的註釋在我的輸入域或用我的摧毀命令。
但我不知道如何更改工具提示中的標題並在第二次字段驗證後再次顯示。
如果有人可以幫助我,或者更好地顯示驗證錯誤,如氣球,我將不勝感激。