如何验证复选框的表单

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

如果至少检查了一个，这将 return 为真：

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

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

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

如何验证复选框的表单

how to validate a form for checkbox

html

javascript

php

checkbox

jquery