Select2 ve HTML5 form doğrulama

Question

Select2 ile form doğrulaması (HTML5 Zorunlu) nasıl yapabilirim?

Answer 1

Zaten bu geç cevap ama olabilir: sadece eklemek seçkin ve html5 doğrulama görünür gerekli:

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

Doğrulama biraz daha üstte olabilir, düzeltmek için bu iş parçacığını izleyin: https://github.com/select2/select2/issues/128

Yaptıklarımı

Answer 2

oldu:

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

Ve her zamanki gibi HTML doğrulama uyarısı Select2

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

görünebilir Ve sunabilmesi yüzden çok küçük ama "görünür" hale getirmek için bazı CSS ekledi:

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