如何更改Jquery require_from_group方法的默认样式？

Question

我正在使用jQuery验证插件来生成警报，如果用户未使用require_from_group方法在组中检查表单中的至少一个框，则会弹出该警报。 但是，有很多复选框，并且在所有三十个复选框选项的中间出现警报时，它看起来很奇怪。 我只希望一个警报出现在组的顶部。 如何才能做到这一点？

这是我正在谈论的图片：

当我想要的只有一个时，有34个警报

HTML：

<div class="form-group">
  <label for="inputPassword3" class="col-sm-2 control-label">Occupation: Check All That Apply</label>
  <div class="col-sm-10">
    <div class="checkbox">

      <label>
        <input class="occupation-group" onchange="showHideControlgrowerchecks();" type="checkbox" name="Grower" id="Grower"> Grower</label>
      <br>

      <label>
        <input class="occupation-group" type="checkbox" name="PCA_Consultant" id="PCA_Consultant"> PCA/Consultant</label>
      <br>

      <label>
        <input class="occupation-group" type="checkbox" name="Packer_Processor" id="Packer_Processor"> Packer/Processor</label>
      <br>

      <label>
        <input class="occupation-group" type="checkbox" name="Research_Gov_Ed" id="Research_Gov_Ed"> Research/Gov/Ed</label>
      <br>

      <label>
        <input class="occupation-group" type="checkbox" name="Assn_Commission" id="Assn_Commission"> Assn/Commission</label>
      <br>

      <label>
        <input class="occupation-group" type="checkbox" name="Suppliermfgsvc" id="Suppliermfgsvc"> Supplier/Mfg/Svc</label>
      <br>

      <label>
        <input class="occupation-group" type="checkbox" name="Ad_Agency" id="Ad_Agency"> Ad Agency</label>
      <br>

      <label>
        <input class="occupation-group" type="checkbox" onchange="showHideControloccupation();" name="Other" id="Other"> Other</label>
      <br>
      <br>
      <input type="text" class="form-control" style="display:none" name="Occupation-Other" id="Occupation-Other" placeholder="Please Specify Other Occupation Here" required>
      <br>
      <br>



    </div>
  </div>
</div>

使用Javascript：

$("#form1").validate({
  rules: {
    Grower: {
      require_from_group: [1, ".occupation-group"]
    },
    PCA_Consultant: {
      require_from_group: [1, ".occupation-group"]
    },
    Packer_Processor: {
      require_from_group: [1, ".occupation-group"]
    },
    Research_Gov_Ed: {
      require_from_group: [1, ".occupation-group"]
    },
    Assn_Commission: {
      require_from_group: [1, ".occupation-group"]
    },
    Suppliermfgsvc: {
      require_from_group: [1, ".occupation-group"]
    },
    Ad_Agency: {
      require_from_group: [1, ".occupation-group"]
    },
    Other: {
      require_from_group: [1, ".occupation-group"]
    }

  }
});

Answer 1

对于require_from_group方法，没有“默认样式”之类的东西。

要将34条消息合并为一条，请使用groups选项 。

如果您不喜欢插件将验证消息放在何处，请使用errorPlacement选项进行更改。 在自定义函数中，您可以使用条件控件将消息移动到一种类型的事物上，而将其他所有事物保留为默认位置。