チェックボックス グループのカスタム jQuery 検証ルールを作成するにはどうすればよいですか?

フォーム入力用のカスタム jQuery 検証ルールを作成する

データの整合性を確保し、Web フォームでの無効な送信を防ぐために、jQuery Validateプラグインは貴重なツールです。その柔軟性により、特定の要件に合わせてカスタマイズされた検証ルールを作成できます。このガイドでは、jQuery Validate プラグインを使用して簡単なカスタム ルールを作成する方法を説明します。

質問: グループ内の少なくとも 1 つのチェックボックスがオンになっていることを確認するカスタム検証ルールを作成するにはどうすればよいですか? ?

答え:

これを達成するには、次の方法を利用できます。 Validate プラグイン内の jQuery の addMethod 関数:

jQuery.validator.addMethod("checkboxChecked", function(value, element) {
    return $(element).siblings('input[type="checkbox"]').is(':checked');
}, "* Please ensure at least one checkbox is selected");

「checkboxChecked」という名前のこのカスタム ルールは、同じ親要素内の兄弟チェックボックスがチェックされているかどうかを検証します。どれもチェックされていない場合、検証は失敗します。

使用法:

このルールをフォーム検証プロセスに統合するのは簡単です:

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

By 「checkboxChecked」ルールを「checkboxGroup」フォーム要素に適用すると、少なくとも 1 つの条件が満たされた場合にのみ検証が成功することが保証されます。そのグループ内のチェックボックスがオンになっています。

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