Parsley复选框验证问题：需至少勾选一个但验证不生效

我看了你的代码，问题出在两个关键地方：一是你把required属性错误加在了label上（原生HTML的required对复选框是要求当前单个复选框必须勾选，和你要的「组内至少选一个」逻辑完全不符）；二是没有正确配置Parsley针对复选组的验证规则。

下面是修正后的完整实现，我会一步步解释细节：

修正后的代码示例 #

<form data-parsley-validate>
  <div class="form-check" data-parsley-mincheck="1" data-parsley-group="tags-group">
    <input name="tags" class="form-check-input" type="checkbox" value="spelling" id="spelling">
    <label class="form-check-label" for="spelling">Spelling</label>
  </div>
  <div class="form-check">
    <input name="tags" class="form-check-input" type="checkbox" value="grammatica" id="grammatica">
    <label class="form-check-label" for="grammatica">Grammatica</label>
  </div>
  <div class="form-check">
    <input name="tags" class="form-check-input" type="checkbox" value="woordenschat" id="woordenschat">
    <label class="form-check-label" for="woordenschat">Woordenschat</label>
  </div>
  <div class="form-check">
    <input name="tags" class="form-check-input" type="checkbox" value="begrijpend_lezen" id="begrijpend_lezen">
    <label class="form-check-label" for="begrijpend_lezen">Begrijpend Lezen</label>
  </div>
  <div class="form-check">
    <input name="tags" class="form-check-input" type="checkbox" value="opdrachten" id="opdrachten">
    <label class="form-check-label" for="opdrachten">Opdrachten</label>
  </div>
  <button type="submit">提交</button>
</form>

关键修改点说明 #

1. 移除label上的required属性：
   原生required放在复选框input上时，是强制要求这个特定复选框必须被勾选，这和你需要的「组内任选一个」逻辑完全冲突，所以直接删掉label上的无效required。

2. 添加Parsley专属的data-parsley-mincheck="1"规则：
   把这个属性加在复选组的容器上（第一个form-check div），明确告诉Parsley：这个组里的复选框至少要勾选1个。你也可以把这个属性加在组内任意一个input上，效果完全一致。

3. 配置data-parsley-group="tags-group"：
   这个属性用来把所有同名的tags复选框归为同一个验证组，确保Parsley会把它们当成一个整体来检查，而不是单独验证每个复选框。

4. 给复选框补充实际的value值：
   你原来的input value是空的，建议填上对应选项的标识值（比如value="spelling"），这样后端接收表单数据时才能准确知道用户选择了哪些选项。

额外注意事项 #

• 确保你已经正确引入了Parsley.js库，页面DOM加载完成后验证能正常初始化（form标签上的data-parsley-validate会让Parsley自动完成初始化）。
• 如果你的表单已有其他Parsley验证规则，只需要保证这个组的规则和现有配置兼容即可。

内容的提问来源于stack exchange，提问作者Jessy Besse