1

是否有人可以制作一个 jQuery 表单验证器来实时提供表单是否对用户有效。例如登录时,使用太多字符(以防止我的数据库溢出)。

    <input type="text" title="Username" id="user" maxlength="25" />
    <input type="password" title="Password" id="pass" maxlength="25" />

然后是一些 jQuery(最大文本值将设置为 25 个字符)。

    $("#user").on("keyup", function (event) {
    const max_length = 25; // the max length of the #user form element
    var inputed_length = $(this).length, new_length = max_length - inputed_length;
    var msg = new_length + " characters remaining.";
    var node_to_be_appended = $("<td class='in'>" + msg + "</td>");

    if ($(".in").length === 0) {
        $(this).parent().append(node_to_be_appended);
    } else {
        $(".in").text(msg);
    }
    });
4

2 回答 2

1

我推荐 AngularJS 进行这种“实时”验证。在那里你可以很容易地显示错误消息,例如,如果输入有效,它们就会消失。

请参阅http://docs.angularjs.org/guide/forms或更好的示例http://blog.brunoscopelliti.com/form-validation-the-angularjs-way

于 2013-10-23T07:55:40.170 回答
0

考虑到您正在使用 jQuery,您可以考虑使用这个众所周知的插件

一个基本的例子可以在这里找到

于 2013-10-23T08:21:00.237 回答