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>

标签： javascriptjqueryhtml

Answer 1

您可以使用:selected选择器来获取选定的选项，并检查length.

$('#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>