javascript - select2.js check if has at least one option selected -


how check if select2.js has @ least 1 option selected?

the code bellow shows message 'please select @ least 1 item in list.' after selecting 1 item.

$('form.validate-form').validator({     disable: false });  $( "select.validate" ).each(function() {     $(this).validator();     $(this).get(0).setcustomvalidity('please select @ least 1 item in list.'); }); 

how can make message 'please select @ least 1 item in list.' disappear after selecting @ least 1 option?

i using bootstrap validator plugin.

jsfiddle

something this

    <!doctype html>      <head>       <meta charset="utf-8">       <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>       <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">       <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">       <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>       <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">      <link href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.min.css" rel="stylesheet" />      <script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.min.js"></script>      <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.12.0/jquery.validate.min.js" type="text/javascript"></script>     <style> .myselect {     width: 300px; }   </style>     </head>     <body>       <form id="myform">        <select multiple="true" class="myselect" name="item" required>               <option value="al">alabama</option>               <option value="am">amalapuram</option>               <option value="an">anakapalli</option>               <option value="ak">akkayapalem</option>               <option value="wy">wyoming</option>           </select>             <input type="submit" name='submit' value="submit">       </form>       <script>       $(document).ready(function() {         $(".myselect").select2();           $("#myform").validate(               {                 rules:                  {                   item:                    {                     required: true                   }                 }               });          });       </script>      </body>     </html> 

Comments

Popular posts from this blog

c# - Validate object ID from GET to POST -

node.js - Custom Model Validator SailsJS -

php - Find a regex to take part of Email -