Select2 ile form doğrulaması (HTML5 Zorunlu) nasıl yapabilirim?Select2 ve HTML5 form doğrulama
9
A
cevap
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ı
0
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();
İlgili konular
- 1. Önyükleme ve Form Doğrulama
- 2. html5 doğrulama formu etiketi
- 3. Form doğrulama
- 4. HTML5 doğrulama kullanıldığında gönderme etkinliğine nasıl bağlanır? HTML5 tarayıcılarda
- 5. OpenUI5 form doğrulama onayla
- 6. Javascript Form Doğrulama
- 7. RxJava2 form doğrulama
- 8. Nasıl html5 formu doğrulama tamamlandı kontrol edin
- 9. JQuery - Form Doğrulama - Onblur
- 10. PHP Form Doğrulama Kodu
- 11. Select2, Select2 <select2-id>
- 12. Select2
- 13. AngularJS'de Bağımlı Alanlarla Form Doğrulama
- 14. Form Kimlik Doğrulama Biletine Erişim
- 15. Çoklu Alanlarda MVC Form Doğrulama
- 16. Doğrulama için form teslimini duraklat
- 17. Meteor ile Form Girişi Doğrulama
- 18. Bir tarayıcıda yerleşik HTML5 form doğrulaması var mı kontrol edin?
- 19. Select2, ajax
- 20. HTML5 Nu Html Denetleyicisi ile Doğrulama
- 21. html5 sürükle ve bırak dosyaları - tüm form gönderildiğinde yükle
- 22. html5 gerekli doğrulama tarayıcı üzerinde çalışıyoruz ama phonegap uygulaması değil
- 23. Yii2. Kartik Select2 eklendi
- 24. Yay form etiketleri ile Açısal JS Form Doğrulama kullanılamıyor
- 25. Bir JavaScript işlevinden HTML5 doğrulama iletisini el ile nasıl gösterebilirim?
- 26. Html5 form öğesi "gerekli", iPad/iPhone'da çalışmıyor
- 27. Django'da form formu ve model doğrulama ayrılıyor mu?
- 28. PHP Form, MailFonction ve Google reCaptcha Doğrulama Sorunu
- 29. Açısal (2) Sunucu tarafı form doğrulama (ve en iyi uygulamalar)
- 30. Opera 11'de HTML5 istemci tarafı form doğrulaması kullanılırken form gönderimi nasıl önlenir?