Question

我正在尝试验证我的复选框，以确保用户点击至少一个复选框。我从数据库中获取复选框名称。任何人都可以解决这个问题。

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

.box {
  width: 200px;
  height: 200px;
  background:
    radial-gradient(circle at 0 100%, transparent 14px, red 15px) bottom left,
    radial-gradient(circle at 100% 100%, transparent 14px, red 15px) bottom right,
    radial-gradient(circle at 100% 0, transparent 14px, red 15px) top right,
    radial-gradient(circle at 0 0, transparent 14px, red 15px) top left;
  background-size: 50% 50%;
  background-repeat: no-repeat;
}

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

如何验证复选框的表单

2 个答案: