jQuery Validate を使用してカスタム チェックボックス検証ルールを作成するにはどうすればよいですか?

jQuery Validate プラグインを使用したカスタム検証ルールの作成

jQuery Validate プラグインは、フォームを検証する強力な方法を提供します。組み込みルールに加えて、特定の検証要件を満たすカスタム ルールを作成することもできます。

カスタム チェックボックス検証ルールの作成

次のように仮定します。グループ内の少なくとも 1 つのチェックボックスをオンにする必要があるとします。 jQuery Validate の addMethod 関数を使用してカスタム ルールを作成する方法は次のとおりです。

jQuery.validator.addMethod("requiresCheckboxChecked", function(value, element) {
    // Checkboxes are grouped by their name attribute
    var group = $('[name=' + element.name + ']');

    // OPTIONAL: element.name must explicitly match the group's name
    // Group can include elements with other names if grouped by another attribute
    // var group = $('[data-group=' + element.name + ']');

    // Return false if no checkboxes are checked in the group
    return this.optional(element) || group.filter(':checked').length > 0;
}, "* At least one checkbox in this group must be checked");

カスタム ルールの適用

カスタム ルールを定義したら、次のことができます。検証の初期化時にルール オプションに追加することで、任意のチェックボックス グループに適用します。メソッド:

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

このカスタム ルールにより、「checkboxGroup」の少なくとも 1 つのチェックボックスがオンになっている場合にのみフォームを送信できるようになります。

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