Formularvalidierung für Select2 und HTML5

Question

Wie kann ich eine Formularvalidierung (HTML5 erforderlich) mit Select2 durchführen?

Answer 1

Dies kann eine späte Antwort, aber trotzdem: Sie fügen Sie einfach erforderlich, um die Auswahl und die html5 Validierung bis zeigen:

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(); 

Sie können die Validierung ein wenig auf der Oberseite erhalten, folgen Sie diesem Thread, um es zu beheben: https://github.com/select2/select2/issues/128

Answer 2

Was ich tat, war:

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

Und fügte etwas CSS zu machen, sehr klein, aber „sichtbar“, so dass die HTML-Validierung Alarm

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

erscheinen kann und initialisieren Select2 wie gewohnt:

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