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.
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
Post a Comment