html - HTML5で複数の必須選択オプションを作成するにはどうすればよいですか?

Question

HTML5で複数の必須選択オプションを作成するにはどうすればよいですか? ユーザーは少なくとも 2 つのオプションを選択する必要があります。

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

私はこれを試しましたが、機能せず、複数のものが選択されているかどうかを確認しません。

Answer 1

少し遅れましたが、長いインターネット検索を行った他のユーザー向けです。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

  //...
});

Answer 2

<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')

  }
}