如何在jquery中验证select2多个选项

Question

select2 jquery，这是我的输出：

$('.select3_multi').select2({ placeholder: "Select Multiple", allowClear: true}).change(function(){
    $('.select3_multi').valid();
});

html来源：

<select class="select3_multi form-control" multiple="multiple"  name="test[]" id="test"  tabindex="-1"style="width:335px!important" class="required">
    <option value="">Select Test</option>
</select>

Answer 1

用表单包装您的选择框并添加验证程序规则。

$("#myform").validate({
  rules: {
    'test[]': {
      required: true
    }
  },
  messages: {
    //messages
  }
});
$('.select3_multi').select2().change(function() {
  $(this).valid();
}).valid();

<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.16.0/jquery.validate.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.js"></script>

<form id="myform">
  <select class="select3_multi form-control" multiple="multiple" name="test[]" id="test" tabindex="-1" style="width:335px!important" class="required">
    <option value="">Select Test</option>
  </select>
</form>