如何驗證復選框的表單

Question

我正在嘗試驗證我的復選框，以確保用戶單擊至少一個復選框。 我正在從數據庫中獲取復選框名稱。 任何人都可以解決這個問題。

$(function(){
    $("#userFrm").validate({
        rules: {
            Item1: {
                required: true,
            },
        },
        messages: {
            Item1: "Check atleast one box",
        }
    });
}

<form class="form-horizontal" action="" method="post" name="groupFrm" id="groupFrm">
    <div class="control-group">
        <label class="control-label">    
            Access Permission
            <span class="error">*</span>    
        </label>
        <div class="controls">
            <div class="text-group">
                {section name=source loop=$source}
                    <input type="checkbox" name="option1[]" id="Item1" class="first" {if in_array($source[source].id,$permission_user,true)} checked="checked"{/if} value="{$source[source].id}"  />
                    {$source[source].mod_name}
                {/section}  
            </div>
        </div>
    </div>
    <div class="form-actions">
        <input type="submit" name="edit_permission" id="edit_permission" value="Update" class="btn btn-success " onclick="validate()">
    </div>
</form>             

Answer 1

您已使用自定義驗證代碼來驗證復選框。 嘗試這個。

$.validator.addMethod('yourRuleName', function (val, elm, param) {
    //Validation code Here
    return valid; 
}, 'Your error message here');


$('#userFrm').validate({
    rules: {
        item1: {
            yourRuleName: true
        }
    }
});

Answer 2

如果至少檢查了一項，則返回true：

$("input[type=checkbox]:checked").length>0

或者，這將僅計入您所用表格中的已選中復選框：

$("#groupFrm:checkbox:checked").length>0