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

亚伦·马格潘泰

如果我在这样的 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>
陈敏

您可以使用: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>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用jquery在选择中附加2个选项?

来自分类Dev

Javascript/jQuery:使用从另一个选择中获取的选项填充选择

来自分类Dev

有没有办法用相同的选项验证 html 中的 2 个选择标签?使用 JavaScript

来自分类Dev

jQuery工具提示-如何声明2个选项

来自分类Dev

使用jQuery从SELECT中的选项获取2个单独的值

来自分类Dev

如何检查是否使用jQuery选择了一个选项

来自分类Dev

如何使用Selenium 2 / Web驱动程序javascript API从选择下拉列表中选择一个选项?

来自分类Dev

如何在jQuery的select2中的2个选择框之间更改选定的选项元素?

来自分类Dev

jQuery使用Javascript Object Literal根据另一个下拉选项填充下拉选项

来自分类Dev

如果已经使用了两个选择框组合,如何使用jQuery进行验证

来自分类Dev

使用jQuery检查选择了多少个选项

来自分类Dev

使用jQuery创建一个选择下拉选项的链接

来自分类Dev

如何使JavaScript随机选择三个选项之一?

来自分类Dev

如何从javascript / angularjs中选择一个选项

来自分类Dev

如何检查至少选择了一个文件进行上传

来自分类Dev

如何使用javascript,jquery或其他一些巧妙的方式以选择方式提交下一个选项?

来自分类Dev

如何从另一个文件中加载数据作为JavaScript / jQuery中的选项值?

来自分类Dev

在提交表单之前,我如何要求至少选中一个复选框?

来自分类Dev

使用jquery或javascript在选择列表的选项上捕获KeyCode

来自分类Dev

使用javascript检查复选框列表中是否至少选择了一项

来自分类Dev

使用javascript检查复选框列表中是否至少选择了一项

来自分类Dev

使用jQuery选择具有至少2个子元素的所有元素

来自分类Dev

处理2个刚刚附加到jquery的不同选择选项

来自分类Dev

jQuery的选择选项动态地分配值到另外2个输入文本

来自分类Dev

如何使用javascript或jquery提醒选定的选项?

来自分类Dev

使用 javascript 或 jquery 隐藏和显示 2 个不同的元素

来自分类Dev

如何让jQuery select2动态禁用一个选项?

来自分类Dev

Yii2:验证是否至少选中了一个复选框

来自分类Dev

如何在基于JQM的网站中使用Jquery在列表中选择一个选项

Related 相关文章

  1. 1

    如何使用jquery在选择中附加2个选项?

  2. 2

    Javascript/jQuery:使用从另一个选择中获取的选项填充选择

  3. 3

    有没有办法用相同的选项验证 html 中的 2 个选择标签?使用 JavaScript

  4. 4

    jQuery工具提示-如何声明2个选项

  5. 5

    使用jQuery从SELECT中的选项获取2个单独的值

  6. 6

    如何检查是否使用jQuery选择了一个选项

  7. 7

    如何使用Selenium 2 / Web驱动程序javascript API从选择下拉列表中选择一个选项?

  8. 8

    如何在jQuery的select2中的2个选择框之间更改选定的选项元素?

  9. 9

    jQuery使用Javascript Object Literal根据另一个下拉选项填充下拉选项

  10. 10

    如果已经使用了两个选择框组合,如何使用jQuery进行验证

  11. 11

    使用jQuery检查选择了多少个选项

  12. 12

    使用jQuery创建一个选择下拉选项的链接

  13. 13

    如何使JavaScript随机选择三个选项之一?

  14. 14

    如何从javascript / angularjs中选择一个选项

  15. 15

    如何检查至少选择了一个文件进行上传

  16. 16

    如何使用javascript,jquery或其他一些巧妙的方式以选择方式提交下一个选项?

  17. 17

    如何从另一个文件中加载数据作为JavaScript / jQuery中的选项值?

  18. 18

    在提交表单之前,我如何要求至少选中一个复选框?

  19. 19

    使用jquery或javascript在选择列表的选项上捕获KeyCode

  20. 20

    使用javascript检查复选框列表中是否至少选择了一项

  21. 21

    使用javascript检查复选框列表中是否至少选择了一项

  22. 22

    使用jQuery选择具有至少2个子元素的所有元素

  23. 23

    处理2个刚刚附加到jquery的不同选择选项

  24. 24

    jQuery的选择选项动态地分配值到另外2个输入文本

  25. 25

    如何使用javascript或jquery提醒选定的选项?

  26. 26

    使用 javascript 或 jquery 隐藏和显示 2 个不同的元素

  27. 27

    如何让jQuery select2动态禁用一个选项?

  28. 28

    Yii2:验证是否至少选中了一个复选框

  29. 29

    如何在基于JQM的网站中使用Jquery在列表中选择一个选项

热门标签

归档