驗證使用引導工具提示和jQuery？

Question

我有一個表單，用戶輸入所有需要的數據。

當用戶輸入無效數據（例如在他/她的姓名字段中輸入數字）時，應在該字段上生成工具提示。

如何實現此功能？我的表單看起來像這樣。

1. 名字
2. 姓氏
3. 電話號碼
4. 電子郵件
5. 部門6）出生日期等

Answer 1

我假定你的名字輸入ID爲 「FIRST_NAME」並且您想要進行長度驗證。 你應該做一個JavaScript函數與您的驗證例如：

function valid_first_name() { 
    if (($("#first_name").val().length > 3) && ($("#first_name").val().length < 20)) { 
     return true; 
    } 
    else { 
     return false; 
    } 
} 
$(document).ready(function() { 
    $('#first_name').on('blur', function() { 
     if (!valid_first_name()) { 
      $("#first_name_error").text("invalid name").css('color', '#FF0000').show(); 
     } 
    }); 
}); 

和你的HTML：

<div id="first_name_error" style="display:none"></div> 
<input type="text" id="first_name"> 

這僅僅是一個基本的例子，這使得在模糊的長度驗證。