jquery - 送信時のjquery検証イベント

Question

この URL http://jquery.bassistance.de/validate/demo/ajaxSubmit-intergration-demo.htmlでjquery url 検証を使用しようとしました。この例では、ユーザー名とパスワードを入力しようとすると最初の検証が行われ、送信時に2回目の検証が行われます。送信時にのみその検証がどのように行われるのですか?

希望の助け、

ありがとう

Answer 1

解決策は、追加するだけですonkeyup options: false。そのため、入力フィールドにテキストを入力しようとすると検証が行われません。

        var v = jQuery("#form").validate({
        onkeyup: false,
        submitHandler: function(form) {
            jQuery(form).ajaxSubmit({
                target: "#result"
            });
        }
    });

Answer 2

ページのソースを見ると、onsubmit の検証がここで行われます。

var v = jQuery("#form").validate({
        submitHandler: function(form) {
            jQuery(form).ajaxSubmit({
                target: "#result"
            });
        }
    });

検証関数は、DOM 要素の属性に基づいて各フォーム フィールドを検証する方法を認識しています。

<p>
        <label for="user">Username</label>
        <input id="user" name="user" title="Please enter your username (at least 3 characters)" class="required" minlength="3" />
    </p>
    <p>
        <label for="pass">Password</label>
        <input type="password" name="password" id="password" class="required" minlength"5" />
    </p>

class="required" は、ユーザーがそのテキスト フィールドに値を入力する必要があることを検証プラグインに伝えます。minlength 属性は、フィールド エントリの最小長を設定します。彼らのページのソースを見ると、パスワード要素にいくつかのタイプミスがあることがわかります。最小の長さを 5 に設定するつもりでしたが、等号を忘れていました。

これはあなたの質問に答えていますか？

フォームを検証するには: jquery セレクターで取得し、validate 関数を使用します。

$("#myForm").validate();