javascript - 如何对此进行验证，在使用 javascript 或 jquery 发布之前必须选择至少 2 个选项

Question

如果我像这样在 HTML 中进行选择，我如何验证在发布之前必须选择至少 2 个，他们必须选择至少 2 个，选择多于 1 个。

<select id="selection" required name="selection[]" class="multiselect form-control" multiple="multiple">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>                                                                
</select>

Answer 1

您可以使用:selected选择器来获取所选选项，并检查长度。

$('#btnSubmit').click(function() {
  if ($('#selection option:selected').length < 2) {
    console.log('Cannot submit.');
  } else {
    console.log('Can submit.');
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="selection" required name="selection[]" class="multiselect form-control" multiple="multiple">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
</select>
<button id="btnSubmit">Submit</button>