javascript - select2.js and Bootstrap validator not working -
i can't figure out why select2.js , bootstrap validator not working.
$('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
Post a Comment