jQuery Validation plugin validate check box

Question

I am using jQuery Validation plugin to validate check box since it does not have default option  One should be selected and max two check boxes can be selected  these is the criteria  I am not getting any error and it is not validating  I am extending it like below      lt input type  checkbox  name  test      gt x     lt input type  checkbox  name  test       gt y     lt input type  checkbox  name  test      gt z          formid   validate     rules        test                    required  function elem                                return    input select checked   length  gt  0                              messages          test     You must check at least 1 box

User · Answer

There is the easy way  HTML    lt input type  checkbox  name  test      gt x  lt input type  checkbox  name  test       gt y  lt input type  checkbox  name  test      gt z  lt button type  button  id  submit  gt Submit lt  button gt    JQUERY       submit   on  click  function        if      input name   test   checked   length  lt  0            alert  You must check at least 1 box              return true        For this you not need any plugin  Enjoy

User · Answer

You had several issues with your code   1   Missing a closing brace     within your rules   2   In this case  there is no reason to use a function for the required rule   By default  the plugin can handle checkbox and radio inputs just fine  so using true is enough   However  this will simply do the same logic as in your original function and verify that at least one is checked   3   If you also want only a maximum of two to be checked  then you ll need to apply the maxlength rule   4   The messages option was missing the rule specification   It will work  but the one custom message would apply to all rules on the same field   5   If a name attribute contains brackets  you must enclose it within quotes   DEMO   http   jsfiddle net K6Wvk     document  ready function               formid   validate      initialize the plugin         rules                 test                       required  true                  maxlength  2                                  messages                 test                       required   You must check at least 1 box                   maxlength   Check no more than  0  boxes

User · Answer

You can validate group checkbox and radio button without extra js code  see below example  Your JS should be look like       formid   validate      You can play with HTML tag and attributes  eg  group checkbox  minlength 2 and maxlength 4    lt fieldset class  col-md-12  gt     lt legend gt Days lt  legend gt     lt div class  form-row  gt       lt div class  col-12 col-md-12 form-group  gt           lt label class  checkbox-inline  gt             lt input type  checkbox  name  daysgroup    value  1  required  required  data-msg-required  This value is required   minlength  2  maxlength  4  data-msg-maxlength  Max should be 4  gt Monday          lt  label gt           lt label class  checkbox-inline  gt             lt input type  checkbox  name  daysgroup    value  2  gt Tuesday          lt  label gt           lt label class  checkbox-inline  gt             lt input type  checkbox  name  daysgroup    value  3  gt Wednesday          lt  label gt           lt label class  checkbox-inline  gt             lt input type  checkbox  name  daysgroup    value  4  gt Thursday          lt  label gt           lt label class  checkbox-inline  gt             lt input type  checkbox  name  daysgroup    value  5  gt Friday          lt  label gt           lt label class  checkbox-inline  gt             lt input type  checkbox  name  daysgroup    value  6  gt Saturday          lt  label gt           lt label class  checkbox-inline  gt             lt input type  checkbox  name  daysgroup    value  7  gt Sunday          lt  label gt           lt label for  daysgroup    class  error  gt Your error message will be display here  lt  label gt       lt  div gt     lt  div gt   lt  fieldset gt       You can see here first or any one input should have required  minlength  2  and maxlength  4  attributes  minlength maxlength as per your requirement    eg  group radio button    lt fieldset class  col-md-12  gt     lt legend gt Gender lt  legend gt     lt div class  form-row  gt       lt div class  col-12 col-md-12 form-group  gt           lt label class  form-check-inline  gt             lt input type  radio  name  gendergroup    value  m  required  required  data-msg-required  This value is required   gt man          lt  label gt           lt label class  form-check-inline  gt             lt input type  radio  name  gendergroup    value  w  gt woman          lt  label gt           lt label class  form-check-inline  gt             lt input type  radio  name  gendergroup    value  o  gt other          lt  label gt           lt label for  gendergroup    class  error  gt Your error message will be display here  lt  label gt       lt  div gt     lt  div gt   lt  fieldset gt    You can check working example here    jQuery v3 3 x jQuery Validation Plugin - v1 17 0

[jquery] jQuery Validation plugin: validate check box

Examples related to jquery

Examples related to jquery-validate