jQuery select box validation

Question

I have following code in jQuery  I need to display a validation message  Year Required  when the option value of select element is  0      lt script type  text javascript  gt    document  ready function             register   validate          debug  true         rules               year                   required  function                         if      year option value  0                               return true                       else                          return false                                                                      messages               year   Year Required                        lt  script gt    Select box   lt select name  year   id  year  gt       lt option value  0  gt Year lt  option gt       lt option value  1  gt 1919 lt  option gt       lt option value  2  gt 1920 lt  option gt       lt option value  3  gt 1921 lt  option gt       lt option value  4  gt 1922 lt  option gt   lt  select gt

User · Answer

To put a require rule on a select list you just need an option with an empty value

<option value="">Year</option>

then just applying required on its own is enough

<script>
    $(function () {
        $("form").validate();
    });
</script>

with form

<form>
<select name="year" id="year" class="required">
    <option value="">Year</option>
    <option value="1">1919</option>
    <option value="2">1920</option>
    <option value="3">1921</option>
    <option value="4">1922</option>
</select>
<input type="submit" />
</form>

fiddle is here

User · Answer

Since you cannot set value    within your first option  you ll need to create your own rule using the built-in addMethod   method   jQuery     document  ready function               myform   validate      initialize the plugin         rules                year                    selectcheck  true                                      jQuery validator addMethod  selectcheck   function  value            return  value     0            year required           HTML    lt select name  year  gt       lt option value  0  gt Year lt  option gt       lt option value  1  gt 1955 lt  option gt       lt option value  2  gt 1956 lt  option gt   lt  select gt    Working Demo   http   jsfiddle net tPRNd     Original Answer    Only if you can set value    within the first option   To properly validate a select element with the jQuery Validate plugin simply requires that the first option contains value      So remove the 0 from value  0  and it s fixed   jQuery     document  ready function               myform   validate      initialize the plugin         rules                year                    required  true                                         HTML    lt select name  year  gt       lt option value    gt Year lt  option gt       lt option value  1  gt 1955 lt  option gt       lt option value  2  gt 1956 lt  option gt   lt  select gt    Demo   http   jsfiddle net XGtEr

User · Answer

simplify the whole thing a bit  fix some issues with commas which will blow up some browsers       document  ready function                 register   validate              debug  true             rules                   year                       required  function                             return      year option selected   val       0                                                                   messages                   year   Year Required                                   Jumping to an assumption  should your select not have this attribute validate  required true

User · Answer

http   docs jquery com Plugins Validation Methods required  edit the code for  select  as below for checking for a 0 or null value selection from select list  case  select   var options      option selected   element   return  options 0  value    0  amp  amp  options length  gt  0  amp  amp  options 0  value         amp  amp   element type     select-multiple        browser msie  amp  amp    options 0  attributes  value   specified    options 0  text   options 0  value  length  gt  0

User · Answer

Jquery Select Box Validation You can Alert Message via alert or Put message in Div as per your requirements    x000D   x000D   lt script src  https   ajax googleapis com ajax libs jquery 2 1 1 jquery min js  gt  lt  script gt  x000D   lt div id  message  gt  lt  div gt  x000D   lt form method  post  gt  x000D   lt select name  year   id  year  gt  x000D       lt option value  0  gt Year lt  option gt  x000D       lt option value  1  gt 1919 lt  option gt  x000D       lt option value  2  gt 1920 lt  option gt  x000D       lt option value  3  gt 1921 lt  option gt  x000D       lt option value  4  gt 1922 lt  option gt  x000D   lt  select gt  x000D   lt button id  clickme  gt Click lt  button gt  x000D   lt  form gt  x000D   lt script gt  x000D      clickme   click function    x000D   x000D  if      year option selected   val     0    x000D   x000D  alert  Please select one option at least    x000D   x000D        message   html  Select At least one option    x000D   x000D    x000D   x000D   x000D      x000D   x000D   lt  script gt  x000D   x000D   x000D

[jquery] jQuery select box validation

Examples related to jquery

Examples related to jquery-validate