javascript - select2.js and Bootstrap validator not working -


i can't figure out why select2.js , bootstrap validator not working.

jsfiddle

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

you must add rules form , id select2 validate it

id="myselect"

form html , scripts

<form class="validate-form" data-toggle="validator">     <label class="required">geographic market experience </label>    <select id="myselect" multiple="true" class="myselect">       <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>    <div class="help-block with-errors"></div>    <button type="submit">submit</button> </form> <script src="http://jqueryvalidation.org/files/dist/jquery.validate.min.js"></script> <script type="text/javascript"> $("form.validate-form").validate({   rules: {       myselect: "required"   },   messages: {       myselect: "please select region"   } }); </script> 

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 -