jQuery Validate Required Select

Question

I am trying to validate html select element using jQuery Validate plugin  I set  required  rule to true but it always passes validation because zero index is chosed by default  Is there any way to define empty value that is used by required rule     UPD  Example  Imagine we have the following html control      lt select gt      lt option value  default  gt Choose    lt  option gt      lt option value  1  gt 1 lt  option gt      lt option value  2  gt 2 lt  option gt    lt  select gt       I want Validation plugin to use  default  value as empty

User · Answer

lt script src  https   cdnjs cloudflare com ajax libs jquery-validate 1 17 0 jquery validate min js  gt  lt  script gt     lt form id  myform  gt           lt select class  form-control  name  user type  gt           lt option value    gt Select lt  option gt           lt option value  2  gt 1 lt  option gt           lt option value  3  gt 2 lt  option gt           lt  select gt          lt  form gt     lt script gt        myform   validate      initialize the plugin             rules              user type   required  true                         lt  script gt    select value will be blank

User · Answer

lt select class  quot design quot  id  quot sel quot  name  quot subject quot  gt      lt option value  quot 0 quot  gt - Please Select - lt  option gt      lt option value  quot 1 quot  gt  Example1  lt  option gt      lt option value  quot 2 quot  gt  Example2  lt  option gt      lt option value  quot 3 quot  gt  Example3  lt  option gt      lt option value  quot 4 quot  gt  Example4  lt  option gt   lt  select gt   lt label class  quot error quot  id  quot select error quot  style  quot color  FC2727 quot  gt      lt b gt  Warning   You have to Select One Item  lt  b gt   lt  label gt   lt input type  quot submit quot  name  quot sub quot  value  quot G  nder quot  class  quot  quot  gt   JQuery   jQuery function           jQuery   error   hide       Hide Warning Label       jQuery  quot input name sub  quot   on  quot click quot   function             var returnvalue          if jQuery  quot select name subject  quot   val      0                jQuery  quot label select error quot   show       show Warning              jQuery  quot select sel quot   focus        Focus the select box                   returnvalue false                       return returnvalue                  you can change jQuery with

User · Answer

You only need to put validate required  as class of this select and then put a option with value     for example    lt select class  validate required   gt     lt option value    gt Choose    lt  option gt     lt option value  1  gt 1 lt  option gt     lt option value  2  gt 2 lt  option gt   lt  select gt

User · Answer

use min rule  set first option value to 0   selectName   min 1

User · Answer

how to validate the select  qualifica  it has 3 choose    document  ready function             validateForm   validate           rules                fullname   required               ragionesociale   required               partitaiva   required               recapitotelefonico   required               qualifica   required               email                    required  true                  email  true                                   submitHandler  function form                 var fullname       fullname   val                                ragionesociale       ragionesociale   val                                partitaiva       partitaiva   val                                email       email   val                                recapitotelefonico       recapitotelefonico   val                                qualifica       qualifica   val                                dataString    fullname     fullname     amp ragionesociale     ragionesociale     amp partitaiva     partitaiva     amp email     email     amp recapitotelefonico     recapitotelefonico     amp qualifica     qualifica                 ajax                   type   POST                   url   util sender php                   data  dataString                  success  function                          window location replace    thank-you-page php                                                    return false

User · Answer

It s simple  you need to get the Select field value and it cannot be  default    if    select   val     default        alert  Please  choose an option        return false

User · Answer

You can write your own rule       add the rule here    validator addMethod  valueNotEquals   function value  element  arg     return arg     value       Value must not equal arg          configure your validation     form   validate     rules       SelectName    valueNotEquals   default           messages       SelectName    valueNotEquals   Please select an item

User · Answer

the most simple solution   just set the value of the first option to empty string value      lt option value    gt Choose    lt  option gt    and jquery validation  required rule  will work

User · Answer

An easier solution has been outlined here  Validate select box  Make the value be empty and add the required attribute   lt select id  select  class  required  gt   lt option value    gt Choose an option lt  option gt    lt option value  option1  gt Option1 lt  option gt   lt option value  option2  gt Option2 lt  option gt   lt option value  option3  gt Option3 lt  option gt   lt  select gt

User · Answer

I don t know how was the plugin the time the question was asked  2010   but I faced the same problem today and solved it this way    Give your select tag a name attribute  For example in this case   lt select name  myselect  gt     Instead of working with the attribute value  default  in the tag option  disable the default option or set value    as suggested by Andrew Coats   lt option disabled  disabled  gt Choose    lt  option gt       or   lt option value    gt Choose    lt  option gt      Set the plugin validation rule       YOUR FORM ID    validate       rules            myselect    required  true              or   lt select name  myselect  class  required  gt    Obs  Andrew Coats  solution works only if you have just one select in your form  If you want his solution to work with more than one select add a name attribute to your select   Hope it helps

User · Answer

The solution mentioned by  JMP worked in my case with a little modification  I use element value instead of value in the addmethod     validator addMethod  valueNotEquals   function value  element  arg          I use element value instead value here  value parameter was always null     return arg    element value       Value must not equal arg         configure your validation    form   validate       rules            SelectName    valueNotEquals   0               messages            SelectName    valueNotEquals   Please select an item                   It could be possible  that I have a special case here  but didn t track down the cause  But  JMP s solution should work in regular cases

[jquery] jQuery Validate Required Select

Examples related to jquery

Examples related to jquery-validate

Examples related to ui-select2