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 に答える