首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Joomla 3客户端复选框组验证

Joomla 3客户端复选框组验证
EN

Stack Overflow用户
提问于 2015-08-03 14:33:42
回答 1查看 493关注 0票数 1

我正在尝试使用构建在表单验证器中的Joomla(版本3.4.3):JHTML::_('behavior.formvalidator');

我试图将它应用于动态生成的表单。它适合下拉菜单和文本框。但是当(假设)我有一个由4个复选框组成的组,并且我希望用户选择至少一个,然后我遇到了一个问题.该网站要求用户选择所有4个复选框。下面是生成的HTML代码:

代码语言:javascript
复制
<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

当我试图提交表单时,我会收到以下错误消息:

无效字段:签出? 无效字段:签出? 无效字段:签出? 无效字段:签出?

我在这里做错什么了?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-08-04 14:05:29

每个输入元素都具有相同的id,即“签出_cvqwq4-473”。id属性应该是唯一的。

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

代码语言:javascript
复制
<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>

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/31790050

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档