jQuery Validate を使用してカスタム検証ルールを作成および適用するにはどうすればよいですか?

jQuery Validate を使用したカスタム検証ルールの作成

jQuery Validate プラグインは、フォームを検証するための堅牢なソリューションを提供しますが、考えられるすべての検証シナリオを常にカバーしているわけではありません。ここでカスタム ルールが活躍し、プラグインの検証機能を強化できます。

カスタム ルールの作成

jQuery Validate を使用したカスタム検証ルールの定義には、addMethod 関数の使用が含まれます。たとえば、チェックボックスのグループのうち少なくとも 1 つが選択されているかどうかを確認するルールを作成するには、次のコード サンプルを検討してください。

jQuery.validator.addMethod("checkboxRequired", function(value, element) {
    return $(element).find('input[type="checkbox"]:checked').length > 0;
}, "* Please select at least one checkbox option");

この例では、checkboxRequired ルールにより、チェックボックス グループが少なくとも 1 つの選択されたオプション。チェックボックスを繰り返し処理し、1 つ以上がチェックされている場合にのみ true を返します。それ以外の場合は、2 番目の引数で指定されたエラー メッセージが表示されます。

カスタム ルールの適用

カスタム ルールを作成したら、プラグインの初期化中に rules オプションを使用してフォーム要素に適用できます。

$('form').validate({
    rules: {
        checkboxGroup: { checkboxRequired: true }
    }
});

checkboxRequired ルールを checkboxGroup 要素に割り当てることで、チェックボックスを選択せず​​にフォームを送信しようとすると検証が行われます。エラー。

以上がjQuery Validate を使用してカスタム検証ルールを作成および適用するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。