HTML5'te web tarayıcısı form doğrulaması ile ilgili JavaScript özellikleri var mı?

Question

HTML5'te, istemci tarafı doğrulaması, pattern veya required gibi özellikler aracılığıyla web tarayıcısının bir işi haline gelmelidir.

Sadece bir CSS uygulaması var mı (yani kullanıcıya geri bildirim vermek için :valid ve :invalid seçiciler) veya ayrıca bir JavaScript uygulaması var mı?

Kullanıcı, gönderimi tıklatırsa ve form geçersiz değerler içeriyorsa, bir JavaScript işlevinin çağrılmasına olanak sağlayan bir özellik gibi bir şey düşünürüm. Ya da hata varsa veya olmasın göstermek için form nesnesinde erişebildiğim bir bayrak.

Teşekkürler.

Answer 1

Evet, sorgulayabileceğiniz validity özniteliği var. Şu anda tarayıcılarda bunun için ne kadar destek olduğunu bilmiyorum.

Answer 2

Evet, öyle ve şu anda çalışıyor. Ryan Seddon tarafından konuyla ilgili A List Apart's mükemmel makalesine bakın. Makaleye göre, Chrome 4+, Safari 5+ ve Opera 9.6+ tüm özellikleri destekliyor. (O da an example içerir.)

makaleden aktaran gibi şeyler yapabilirsiniz:

input:focus:required:invalid { 
    background: pink url(ico_validation.png) 379px 3px no-repeat; 
} 
input:required:valid { 
    background-color: #fff; 
    background-position: 379px -61px; 
} 

Ve bir giriş o bir simgesi görüntüler doğrular ve ne zaman geçersiz sayılarak odaklanmıştır zaman gösterecektir bir diğeri.