Javascript 具有不同名称的复选框组的jQuery验证方法

我有一组复选框，由于与另一个平台的集成，这些复选框必须有单独的名称，尽管它们都是相关的

<div class="form-group col-xs-6 checkbox-group">
      <label class="block input-group" for="Field5">Type of Insurance<span class="required-mark">*</span></label>
      <span><input type="checkbox" name="Field5" class="validate checkbox-group" value="Auto" >Auto</span>
      <span><input type="checkbox" name="Field6" class="validate checkbox-group"  value="Home" >Home</span>
      <span><input type="checkbox" name="Field7" class="validate checkbox-group"  value="Auto &amp; Home" >Home</span>
      <span><input type="checkbox" name="Field8" class="validate checkbox-group" value="Renters">Condo, Co-op,Renters</span>
</div>

我似乎不知道如何在屏幕上只显示一条错误消息。验证可以工作，但当没有选中任何复选框时，会输出四个单独的错误

规则将添加到每个复选框中

$（this）.rules（'add'，{checkone:true}

）

我似乎不知道如何在屏幕上只显示一条错误消息。验证可以工作，但当没有选中任何复选框时，会输出四个单独的错误

您可以在

.validate（）

中使用，将所有错误消息合并为一条

$('#yourForm').validate({
    groups: {
        anyName: "Field5 Field6 Field7 Field8"
    },
    // other options, etc.
});

演示：

---

然后，您可以使用中的条件函数将其放置在布局中的任何位置。

您可以在返回错误后停止检查并将其输出，或者将布尔值从false设置为true，以便跳过任何后续检查。或者，您可以检查错误数组中的重复值并将其删除。对于这个问题，有很多相当简单的解决方案。@icecub我在当时的jQuery验证库中寻找一种原生方法。我想我会使用布尔方法。你可以返回一个布尔值而不是错误消息。如果布尔值稍后设置为true，则输出错误。我认为这将是最优雅的解决方案。阅读文档。你错过了

groups

选项，这正是你想要的。@Sparky谢谢，我不知道我怎么错过了。它完全满足了我的需要。

$('#yourForm').validate({
    groups: {
        anyName: "Field5 Field6 Field7 Field8"
    },
    // other options, etc.
});