Javascript 选择2.js，则引导验证程序不工作

我不明白为什么select2.js和Bootstrap validator不能工作

---

您必须为表单和id添加规则，以选择2进行验证

id=mySelect

表单html和脚本

<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 your region"
  }
});
</script>

---

你能再解释一下什么不起作用吗？所需的行为是什么？如果将“选择”字段保留为空，则应显示错误消息。

<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 your region"
  }
});
</script>