Select2未在Jquery 3.3.1上使用jquery-validate插件进行验证

Question

我正在开发一个项目，要求我使用jquery的所有最新版本。

问题是我的形式我正在验证select2多选输入，这个验证正在jquery 2.2.4上工作。但不知何故在jquery 3.3.1那不起作用。我正在使用以下代码忽略select2输入的隐藏输入，正如我所说它在jquery 2.2.4上工作

$('.js-states').select2();

$.validator.setDefaults({
  ignore: ":hidden:not(.js-states)"
});

$("#this_form").validate({
  rules: {
    input_1: {
      require_from_group: [1, ".requered-group"]
    },
    input_2: {
      require_from_group: [1, ".requered-group"]
    },
    'input_3[]': {
      require_from_group: [1, ".requered-group"]
    }
  }
});

<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/css/select2.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/js/select2.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.validate.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/additional-methods.js"></script>

<form id='this_form'>
  <select class="js-states form-control requered-group" multiple="multiple" name="input_3[]" tabindex="-1" style="display: none; width: 100%;">
    <option value="all_services">ALL</option>
    <option value='1'>1</option>
    <option value='2'>2</option>
    <option value='3'>3</option>
  </select>
  <input type='text' name='input_1' class='requered-group'>
  <input type='text' name='input_2' class='requered-group'>
  <input type='submit' name='action' value='submit'>
</form>

JS Fiddle

随意改变jquery 3.3.1到2.2.4，看看它是如何工作的。谢谢

Answer 1

jQuery 3+为select-multiple元素返回一个空数组，而在此之前它返回null。验证插件似乎将此视为有效值。

来自http://api.jquery.com/val/

当集合中的第一个元素是select-multiple（即设置了select属性的multiple元素）时，.val()返回一个包含每个所选选项值的数组。从jQuery 3.0开始，如果没有选择任何选项，它将返回一个空数组;在jQuery 3.0之前，它返回null。

您可能必须为此编写自定义验证或请求在插件本身中修复该问题。