使用引導工具提示和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">

這只是一個基本示例，可以對模糊進行長度驗證。