HTML5 "gerekli" onay kutularını bir grup için öznitelik?
HTML5 (örneğin 4 FireFox) destekleyen daha yeni tarayıcıları kullanırken;
ve bir form alanı özniteliği required='required'
;
ve form alanını boş/boş
ve düğmesine tıklandığında gönder;
tarayıcıların "alanı boş ve form gönderme değil;." gerekli olduğunu algılar ^br>bunun yerine bir tarayıcı ipucu metin yazmak için Kullanıcı soran alanına gösterir.
Şimdi, tek bir metin alanı yerine, bir ben varonay grupen az bir kullanıcı tarafından seçilen işaretli olmalı.
Nasıl kutularını bu grup HTML5 required
özniteliği kullanabilir miyim?
(Onay kutularını bir kontrol edilmesi gerekir, çünkü sadece, her checkbox required
öznitelik koyamam)
ps. Eğer sorun buysa tabii simple_form, kullanıyorum.
GÜNCELLEME
HTML 5 multiple
attribute yardımcı olabilir? Herkes önce bir soruma benzer yapmak için kullanmak mı?
GÜNCELLEME
görünürbu özellik HTML5 spec tarafından desteklenen:ISSUE-111: What does input.@required mean for @type = checkbox?
(Statü sorunu:Sorun önyargı olmadan kapalı olarak işaretlenmiş.) Ve here is the explanation.
CEVAP
Yok sanırım standart HTML5 şekilde bunu yapmak için, ama sizin için bir sakıncası yoksa kullanan bir jQuery Kütüphanesi, mümkün ulaşmak için bir "onay kutusu grubu" doğrulama kullanarak webshims' "group-required" doğrulama özelliği:
Eğer checkbox sınıfı 'grubu için gereken' en az biri varsa /belge olmalı form içinde aynı adı taşıyan kutularını kontrol etti.
Ve burada bunu kullanmak nasıl bir örnek:
<input name="checkbox-group" type="checkbox" class="group-required" id="checkbox-group-id" />
<input name="checkbox-group" type="checkbox" />
<input name="checkbox-group" type="checkbox" />
<input name="checkbox-group" type="checkbox" />
<input name="checkbox-group" type="checkbox" />
Ben çoğunlukla HTML5 özellikleri Dolgu için webshims kullanın, ama aynı zamanda bunun gibi bazı büyük isteğe bağlı uzantıları vardır.
Hatta kendi özel geçerlilik kuralları yazmak için izin verir. Örneğin, giriş adına göre olmadığını checkbox bir grup oluşturmak için gerekli, my own validity rule for that... yazdım
html5: nasıl kullanılır "gerekli&...
Href JavaScript bağlantıları için özni...
İyi bir uygulama HTML bir form'in...
"webxml gerekli öznitelik" h...
Target=&HTML5;_blank" quot; kullan...