使用javascript规则和消息检查是否至少选中了1个复选框

我试图显示消息，如果没有复选框被选中。我正在使用javascript规则和消息

 <form   method="post" enctype="multipart/form-data name="english_registration_form" id="english_registration_form" >
   <div class="col-sm-12  inputgrp2 mstatu">
      <label class="labelclass">Marital Status*</label>
      <div id="result"></div>
      <span id="chkMaritalStatus" class="multiChkBox" >
         <div class="col-md-2 col-sm-3 col-xs-12">
            <input  type="checkbox" name="chkmstatus[]" value="Never Married  required">
            <label>Never Married</label>
         </div>
         <div class="col-md-2 col-sm-3 col-xs-12">
            <input   type="checkbox" name="chkmstatus[]" value="Awaiting Divorce" id="chkchild" required>
            <label >Awaiting Divorce</label>
         </div>
         <div class="col-md-2 col-sm-3 col-xs-12">
            <input  type="checkbox" name="chkmstatus[]" value="Seperated"  id="chkchild2" required>
            <label >Seperated</label>
         </div>
         <div class="col-md-2 col-sm-3 col-xs-12">
            <input  type="checkbox" name="chkmstatus[]" value="Widow/Widower"  id="chkchild3" required>
            <label>Widow/Widower</label>
         </div>
         <div class="col-md-2 col-sm-3 col-xs-12">
            <input  type="checkbox" name="chkmstatus[]" value="Divorced"  id="chkchild4" required> 
            <label >Divorced</label>
         </div>
         <div class="col-md-2 col-sm-3 col-xs-12">
            <input  type="checkbox" name="chkmstatus[]" value="Any" id="chkchild5" required>
            <label>Any</label>
         </div>
      </span>
   </div>
   <input type='submit' class='btn btn-finish btn-fill btn-success btn-wd' name='finish' value='Finish' />
</form>

我试图让它尽可能简单，并在site point上找到了这个示例，但我使用它的方式似乎不起作用。

试试这个

$("#english_registration_form").submit(function(){
    var checked = $("#english_registration_form input:checked").length > 0;
    if (!checked){
        alert("Please check at least one checkbox");
        return false;
    }
});

看看这把小提琴：

---

希望这有帮助

您需要执行以下操作：

• 错误：您需要将

  chkmstatus[]

  用单引号括起来，如

  'chkmstatus[]

  在

  消息中
  

• 您的解决方案：添加

  最小长度：1

  作为

  'chkmstatus[]的规则

  内部

  规则

它看起来像：

var $validator = $('.wizard-card form').validate({
    rules: {
        'chkmstatus[]': {
            required: true,
            minlength: 1, // <-- Add this line
        },
    },
    messages: {
        // add single quotes
        'chkmstatus[]': "You must check at least 1 box",
    }
});

var$validator=$（'.wizard-card-form'）。验证({
规则：{
“chkmstatus[]”：{
要求：正确，
minlength:1，//好的，我知道了..谢谢@Aswin Ramesh
var $validator = $('.wizard-card form').validate({
    rules: {
        'chkmstatus[]': {
            required: true,
            minlength: 1, // <-- Add this line
        },
    },
    messages: {
        // add single quotes
        'chkmstatus[]': "You must check at least 1 box",
    }
});