jQuery検証フォーム送信でのみ検証します

jQuery検証プラグインを使用する場合、入力フィールドに入力するときに検証がutter音を立てることがあります。これは、カスタム検証ルールを使用してAJAX要求をトリガーしてユーザー入力を確認する場合に最も一般的です（たとえば、ユーザーのメールがデータベースで一意であるかどうかを確認します）。遅れの経験はひどいものでした。継続的な検証チェックを削除するには、フォーム検証関数に次のパラメーターを追加します。

したがって、あなたの検証関数は次のようになるかもしれません：

<code class="language-javascript">onkeyup: false,
onclick: false,
onfocusout: false,</code>

その他の

<code class="language-javascript">$("#form").validate({
    onkeyup: false,
    onclick: false,
    onfocusout: false,

    // 验证规则
    rules: {
        // ...
    },

    // 验证消息
    messages: {
        // ...
    },

    // 提交处理程序
    submitHandler: function(form) {
        // ...
    }
});</code>

options

$.validate()

jQuery検証とフォーム提出（FAQ）

<code class="language-javascript">messages: {},
groups: {},
rules: {},
errorClass: "error",
validClass: "valid",
errorElement: "label",
focusInvalid: true,
errorContainer: $([]),
errorLabelContainer: $([]),
onsubmit: true,
ignore: ":hidden",
ignoreTitle: false,
onfocusin: function(element, event) { ... },
onfocusout: function(element, event) { ... },
onkeyup: function(element, event) { ... },
onclick: function(element, event) { ... },
highlight: function(element, errorClass, validClass) { ... },
unhighlight: function(element, errorClass, validClass) { ... }</code>

についてよく尋ねる質問

jquery検証でエラーメッセージをカスタマイズする方法は？

jQuery検証プラグインを使用すると、必要に応じてエラーメッセージをカスタマイズできます。これを行うには、

メソッドで

オプションを使用できます。例は次のとおりです .validate() この例では、「名前」フィールドが空の場合、「名前を入力する」カスタムエラーメッセージが表示されます。 「名前」フィールドが2文字未満の場合、「あなたの名前には少なくとも2文字が含まれている必要があります」。 messages

同じページの複数のフォームでjQuery検証を使用する方法は？

<code class="language-javascript">$("#myForm").validate({
    rules: {
        name: {
            required: true,
            minlength: 2
        }
    },
    messages: {
        name: {
            required: "请输入您的姓名",
            minlength: "您的姓名必须至少包含 2 个字符"
        }
    }
});</code>

各フォームの

メソッドを個別に呼び出すことにより、同じページ上の複数のフォームに対してjQuery検証を使用できます。例は次のとおりです

この例では、2つのフォームのIDです。各フォームの個別の検証ルールとメッセージを定義できます。

ajaxでjquery検証を使用する方法は？ .validate()

<code class="language-javascript">$("#form1").validate({
    // form1 的规则和消息
});

$("#form2").validate({
    // form2 的规则和消息
});</code>

メソッドで

オプションを使用して、ajaxでjquery検証を使用できます。フォームが有効な場合、#form1関数が呼び出され、ajaxを介してフォームを送信できます。例は次のとおりです #form2 この例では、フォームが有効な場合、Ajaxを介してURL「/Your-url」に送信されます。

メソッドは、標準のURLエンコードされた表記のテキスト文字列を作成するために使用されます。

FAQコンテンツの残りは、元のテキストと一致しています。 必要に応じて、元のテキストの残りのFAQパーツをここにコピーして貼り付けて、ドキュメント全体の擬似オリジナル化を完了できます。 各FAQへの回答は、元のテキストとは異なるものにするために、同じ意味で、少し口頭で調整されていることに注意してください。

以上がjQuery検証フォーム送信でのみ検証しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。