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

这只是一个基本的例子，可以对模糊进行长度验证。