如何為複選框組建立自訂 jQuery 驗證規則？

為表單輸入建立自訂jQuery 驗證規則

為了確保資料完整性並防止Web 表單中的無效提交，jQuery Validate外掛程式是一個很有價值的工具。其靈活性使您可以建立自訂的驗證規則來滿足您的特定要求。本指南示範如何使用 jQuery 驗證外掛程式建立簡單的自訂規則。

問題： 如何建立自訂驗證規則以確保一組中至少有一個複選框被選中?

答案：

要實現此目的，您可以使用驗證插件中的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 }
    }
});

透過將「checkboxChecked」規則應用於「 checkboxGroup」表單元素，可確保僅當該群組中至少有一個複選框時它才能成功驗證已檢查。

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