Convalida modulo Select2 e HTML5

Question

Come posso eseguire una convalida del modulo (richiesta HTML5) con Select2?

Answer 1

Questo può essere una risposta in ritardo, ma in ogni caso: si aggiunge solo una richiesta per la selezione e la validazione HTML5 verranno visualizzati:

Fiddle: http://jsfiddle.net/mksshhwt/

<form> 
required select2: <select class="select2" required multiple name="test"> 
    <option>Test</option> 
    <option>Test2</option> 
</select> 
    <br/> 

    required select2: <select class="select2" required name="test"> 
    <option>Test</option> 
    <option>Test2</option> 
</select> 

    <br/> 
<input type="submit" value="Test" /> 
</form> 

JS:

$(".select2").select2(); 

potresti avere la validazione un po 'in cima, segui questa discussione per risolverlo: https://github.com/select2/select2/issues/128

Answer 2

Quello che ho fatto è stato:

<select name="myselect" class="select2" required> 

e ha aggiunto un po 'di CSS per rendere molto piccola, ma "visibile", così l'avviso di convalida HTML può apparire

select.select2{ 
    position: static !important; 
    outline:none !important; 
} 

e inizializzare Select2 come si farebbe normalmente:

$(".select2").select2();