Question

我需要使用Jquery验证表单，下面是我的示例代码

<input type="checkbox" name="field_1" />
<input type="checkbox" name="field_2" />

在上面的两个字段中，任何一个字段都是必需的，我知道这可以通过使用单选按钮实现，出于某种原因我使用复选框，我正在尝试下面的验证代码，但我验证了两个字段

 $('#myForm').validate({
    rules: {
        field_1: {
            required: true,
            number: true
        },
        field_2: {
            required: true,
            number: true
        }
    }
});

感谢任何帮助...

Answer 1

检查以下输出，

＆＃13;

$('#myForm').validate({
  rules: {},
  messages: {},
  errorPlacement: function(error, element) {
    error.appendTo(element.parent("td").next("td"));
  },
  submitHandler: function(form) {
  	if($(".chk:checkbox:checked").length == 1)
  	form.submit();
    else
    alert("Please select only once checkbox value..!");
    return false;
  }
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.16.0/jquery.validate.min.js"></script>
<form name="asada" id="myForm" action="">
  <input type="checkbox" name="field_1" class='chk' />
  <input type="checkbox" name="field_2" class='chk' />
  <input type="submit" />
</form>

＆＃13;

我在提交处理程序中运行，我正在检查严格检查，只应选择一个复选框，否则表单不会提交。

我希望这会有所帮助。

使用Jquery输入类型复选框验证

1 个答案: