html - 如何在 html5 中创建多个必需的选择选项？

Question

如何在 html5 中创建多个必需的选择选项？用户必须至少选择 2 个选项。

<select name='type' required multiple='multiple'>
    <option>...</option>
    ...
</select>

我试过了，但它不起作用，并且不检查是否有多个选择。

Answer 1

<select id="choice" multiple="multiple">
  <option value="1">One</option>
  <option value="2">two</option>
  <option value="3">three</option>
</select>
<script type="text/javascript">

var optionsToSelect = ['One','two', 'three'];
var select = document.getElementById( 'choice' );

for ( var i = 0, l = select.options.length, o; i < l; i++ )
{
  o = select.options[i];
  if ( optionsToSelect.indexOf( o.text ) <= 1 )
  {
    alert('Plz select at least 2 options')

  }
}

Answer 2

有点晚了，但对于其他长时间互联网搜索的用户来说。您可以使用 HTML5 执行此操作，但请确保您没有禁用默认行为。

$("#mybtnId").click(function() {

  var isValid = $("#MyForm")[0].checkValidity();
  if(false === isValid){
    //allow the browser's default submit event behavior 
    return true;
  }
  event.preventDefault();  <-- disable default behavior after check validation

  //...
});