如何使用 jQuery Validate 建立自訂複選框驗證規則？

使用 jQuery Validate 外掛程式建立自訂驗證規則

jQuery Validate 外掛程式提供了強大的表單驗證方法。除了內建規則之外，它還允許創建自訂規則以滿足特定的驗證要求。

建立自訂複選框驗證規則

假設您想要強制必須選取一組中的至少一個複選框。以下是如何使用 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」中至少有一個複選框被選中時才能提交表單。

以上是如何使用 jQuery Validate 建立自訂複選框驗證規則？的詳細內容。更多資訊請關注PHP中文網其他相關文章！