JQuery Validation Plugin with CheckBox Group

Question

I have a number of checkboxes listed on a page, the rendered html is as follows:

I need these grouped checkboxes to use validation so that at least one of the items is checked.

<input id="element_frm1167_8_1" name="test" class="element checkbox" type="checkbox" value="1" validate="required:true, minlength:2">
<input id="element_frm1167_8_2" name="test" class="element checkbox" type="checkbox" value="1" >
<input id="element_frm1167_8_3" name="test" class="element checkbox" type="checkbox" value="1" >

I've looked at an example from http://jquery.bassistance.de/validate/demo/radio-checkbox-select-demo.html

However, when I call form.Validate() I dont get any validation happening.

Please could someone point me in the right direction.

Ryley · Accepted Answer · 2012-09-26 20:22:11Z

5

I'd say that chances are you haven't configured the metadata plugin (or included it at all). That's what handles taking the validate attribute in your checkbox, and turning that into rules for the validation plugin. To get what you want in a simpler way, you can just specify the rules directly in your validate call:

$('#myForm').validate({
 rules: {
    test: {
        required: true,
        minlength:2            
    }
 } 
});

See it in action here: http://jsfiddle.net/ryleyb/EWbED/

answered Sep 26, 2012 at 20:22

Ryley

21.3k2 gold badges69 silver badges82 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

BWG Over a year ago

Thank you Ryley - I hadnt included the metadata plugin correctly.

Nelson Benítez León · Accepted Answer · 2012-09-26 15:29:59Z

1

Try with naming your inputs like name="test[]" instead of name="test"

answered Sep 26, 2012 at 15:29

Nelson Benítez León

51.1k8 gold badges70 silver badges84 bronze badges

2 Comments

Ryley Over a year ago

I don't see how that would be relevant? test is a legal name for an input isn't it?

Onshop Over a year ago

'test' is legal. The brackets are only needed if posted to a PHP script.

Mike Volmar · Accepted Answer · 2019-02-06 19:00:09Z

0

Posting this for folks like me, who find this thread, and want to submit multiple values to PHP after validation (maybe almost everyone?). Include brackets in your form element names

<input id="element_frm1167_8_3" name="test[]" class="element checkbox" type="checkbox" value="1" >

and in the validation identifier

rules: {
  'test[]': {
    required: true,
    minlength:2            
  }
}

answered Feb 6, 2019 at 19:00

Mike Volmar

2,1031 gold badge25 silver badges39 bronze badges

Collectives™ on Stack Overflow

JQuery Validation Plugin with CheckBox Group

3 Answers 3

1 Comment

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related