Question

是否有人可以制作一个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);
    }
    });

Answer 1

我建议使用AngularJS进行“实时”验证。你可以很容易地显示错误信息，如果输入有效，它们就会消失。

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

Answer 2

考虑到您使用的是jQuery，可以考虑使用this well known plugin

可以找到一个基本的例子HERE

jQuery表单验证器

2 个答案: