Joomla 3 客户端复选框组验证

Question

我正在尝试使用 Joomla（版本 3.4.3）内置的表单验证器：JHTML::_('behavior.formvalidator');

我正在尝试将其应用于动态生成的表单。它适用于下拉菜单和文本字段。但是当（假设）我有一组 4 个复选框并且我希望用户 select 至少 4 个中的 1 个然后我运行遇到问题......该网站要求用户 select 所有 4 个复选框。这是生成的 HTML 代码：

<label title="Checked out?" class="hasTooltip required" for="jform_checked-out_cbv_qwq4-473" id="checked-out_cbv_qwq4-473-lbl">Checked out? <span class="star">*</span></label>
<input type="checkbox" name="checked-out_cbv_qwq4-473[]" id="checked-out_cbv_qwq4-473" value="Yes" class="required" aria-required="true" required="required"> Yes
<input type="checkbox" name="checked-out_cbv_qwq4-473[]" id="checked-out_cbv_qwq4-473" value="No" class="required" aria-required="true" required="required"> No
<input type="checkbox" name="checked-out_cbv_qwq4-473[]" id="checked-out_cbv_qwq4-473" value="maybe" class="required" aria-required="true" required="required"> maybe
<input type="checkbox" name="checked-out_cbv_qwq4-473[]" id="checked-out_cbv_qwq4-473" value="of course not" class="required" aria-required="true" required="required"> of course not

当我尝试提交表单时收到这些错误消息：

Invalid field: Checked out?
Invalid field: Checked out?
Invalid field: Checked out?
Invalid field: Checked out?

我做错了什么？

Answer 1

您的每个输入元素都具有相同的 ID，即 "checked-out_cbv_qwq4-473"。 id 属性应该是唯一的。

带复选框的字段集示例代码：

<div class="control-group">
<div class="control-label">
    <label id="mycheckboxes-lbl" for="mycheckboxes" class="required">Checked out?<span class="star">&nbsp;*</span></label>
</div>
<div class="controls">
    <fieldset id="mycheckboxes" class="checkboxes required" required="required" aria-required="true">
        <ul>
            <li>
                <input type="checkbox" id="checkbox_1" name="myform_checkboxes[]" value="Yes">
                <label for="checkbox_1">Yes</label>
            </li>
            <li>
                <input type="checkbox" id="checkbox_2" name="myform_checkboxes[]" value="No">
                <label for="checkbox_2">No</label>
            </li>
            ...
        </ul>
    </fieldset>
</div>

Joomla 3 客户端复选框组验证

Joomla 3 client side checkbox group validation

checkbox

joomla