如何验证复选框的表单答案

【问题标题】：how to validate a form for checkbox如何验证复选框的表单
【发布时间】：2015-06-01 11:57:16
【问题描述】：

我正在尝试验证我的复选框以确保用户至少点击了一个复选框。我从数据库中获取复选框名称。请问谁能解决这个问题。

$(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>

【问题讨论】：

您遇到的问题的性质是什么？
它不会验证我是否选中了我的复选框

标签： javascript php jquery html checkbox

【解决方案1】：

您已使用自定义验证码来验证复选框。试试这个。

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


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

【讨论】：

【解决方案2】：

如果至少有一个被选中，这将返回 true：

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

或者，这将只计算您的表单中选中的复选框：

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

【讨论】：