Input type Checkbox Validation using Jquery

Question

I need to validate form using Jquery, below is my sample code

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

In the above two field any one field is required,I know this would be achieve by using radio button,for some reason I am using checkbox,I am trying below validation code,but I validate both fields

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

Any help is appreciated...

Possible duplicate of jQuery Validation plugin: validate check box — LalaByte
– LalaByte, Commented Apr 18, 2017 at 5:33
write custom validation, your code won't work, which is pure field validation — Rahul
– Rahul, Commented Apr 18, 2017 at 5:35
Do you need your fields name should be different as above like field_1 & field_2 or can able to change this to the same name as field? — Aruna
– Aruna, Commented Apr 18, 2017 at 5:39

Rahul · Accepted Answer · 2017-04-18 05:54:45Z

Check below output,

$('#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;
  }
});

<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>

I am operating in submit handler, there I am checking for strict check only one checkbox should be selected, else form wont submit.

I hope this will help.

Collectives™ on Stack Overflow

Input type Checkbox Validation using Jquery

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related