Question

我尝试使用带有此html结构的jquery验证插件验证多个复选框组...

<fieldset>
  <legend>Checkbox Group (required)</legend>
  <label><input type="checkbox" name="cbxGroup1_0" value="one" id="cbxGroup1_0">One </label>
  <br>
  <label><input type="checkbox" name="cbxGroup1_0" value="two" id="cbxGroup1_1">Two </label>
  <br>
</fieldset>

<fieldset>
<legend>Checkbox Group (required)</legend>
  <label><input type="checkbox" name="cbxGroup1_0" value="one" id="cbxGroup2_0">One </label>
  <br>
  <label><input type="checkbox" name="cbxGroup1_0" value="two" id="cbxGroup2_1">Two </label>
  <br>
</fieldset>

JS验证码：

$("#myForm").validate({

                invalidHandler: function(event, validator) {
                alert("Debe llenar todos los campos");
                $('.ui-submit').removeClass('ui-btn-active');

                },
                submitHandler: function(){
//something}

            });

但我无法工作，复选框总是采用不同的名称和ID，我试图为复选框设置一个类，但是当验证触发器时，请向我询问每个复选框，并且我希望每组至少1个。

任何人都可以帮助我... thks

Answer 1

尝试在names

中使用数组

<fieldset>
  <legend>Checkbox Group (required)</legend>
  <label><input type="checkbox" name="group1[1]" value="one" id="cbxGroup1_0">One </label>
  <br>
  <label><input type="checkbox" name="group1[2]" value="two" id="cbxGroup1_1">Two </label>
  <br>
</fieldset>

<fieldset>
<legend>Checkbox Group (required)</legend>
  <label><input type="checkbox" name="group2[1]" value="one" id="cbxGroup2_0">One </label>
  <br>
  <label><input type="checkbox" name="group2[2]" value="two" id="cbxGroup2_1">Two </label>
  <br>
</fieldset>

然后，您可以控制每个数组的长度与0不同。

但是，我没有得到你想要上课的东西......你能否更具体一点。

Jquery验证多个复选框组

1 个答案: