带有表单向导的jQuery复选框数组验证

Question

我正在使用 formwizard 插件，但无法获取复选框数组进行验证。我在页面上有其他元素可以工作，但无法获得这个（更不用说这是我需要的 2 个复选框数组之一）。必须选择一项或多项。我已将页面缩减为我希望对这个问题至关重要的内容。

<input type="checkbox" name="status_checkbox[]" id="status_professional" value="status_professional">

    <script type="text/javascript">
    $(function(){
        $("#infoForm").formwizard({ 
            formPluginEnabled: true,
            validationEnabled: true,
            validationOptions : {
                rules: {
                    status_checkbox: {
                        //required: "input[name='status_checkbox[]']",
                        required: "input[name='status_checkbox:checked']",
                        minlength: 1
                    },
                },
                messages: {
                    status_checkbox: {
                        required: "Status field is required."
                    },
                }
            },
            focusFirstInput : true,
        });
    });
</script>

Answer 1

name 需要是您在规则中使用的密钥，所以status_checkbox 需要是status_checkbox[]，如下所示：

$(function(){
    $("#infoForm").formwizard({ 
        formPluginEnabled: true,
        validationEnabled: true,
        validationOptions : {
            rules: {
                "status_checkbox[]": {
                    required: true,
                    minlength: 1
                },
            },
            messages: {
                "status_checkbox[]": {
                    required: "Status field is required."
                },
            }
        },
        focusFirstInput : true,
    });
});