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 

    //... 
});