Ketchub.js – Gelişmiş form doğrulama

Ketchub.jsHtml5 ile gelen özelliklerden bir tanesi bildiğiniz üzere form doğrulamadır. Giriş, üye olma yada benzeri örneklerde eksik bilgilerin doldurulması için tarayıcının verdiği uyarılar vardır. Ama bu özellik bizim için yeteri kadar kullanışlı olamayabiliyor her zaman. Ara sıra zorla kabul ettirmek istediğimiz seçenekler olur ve  tarayıcı da bu bölümleri fark edemez.  Bu yüzden kendimize özel uyarılar belirlemek için bazı uygulamalar kullanmak zorunda kalırız. Ketchup uygulaması da buna benzer örneklerden bir tanesidir.

Demo sayfasında demo ile alakalı herhangi bir inceleme örneği şimdilik yok. Eskiden vardı ama bu  yazıyı güncellediğimde kaldırıldığını fark ettim. Yine de eski linki kaldırmadım belki ilerde birgün canlı ön izleme seçeneği eklenir diye. Kullanımı hakkındaki gerekli açıklamalar ve parametrelerin tümünü demo sayfasından incelemeniz mümkün.   İndirdiğiniz dosyanın içinde örneğin çalışır bir halini de görebilirsiniz. Mail alanı ve kullanıcı adı alanında yanlış veya eksik bilgi verdiğiniz zaman kırmızı bir uyarı balonu içinde doğru bilgi girmenizi isteyen bir uyarı görebilirsiniz.

Ketchup uygulamasının diğer bir demosunda da onay kutularını  zorla seçtirme gibi bir özellik bulunuyor. En az iki tane işaretlenmediği zaman bir uyarı gösteriyor. Ayrıca input alanında girilen kelimeler için de bir limit belirleyebilmek mümkün. İkinci input seçeneğinde en az 3 karakter girmeniz isteniyor. Bütün bölümler doğru şekilde girildiği an tooltip baloncukları kayboluyor. Evet detaylar bunlar şimdi demo ve download linklerinden inceleyelim bunları.

 

 

Ali
Telif Hakkı Bildirimi:Bu sitedeki orijinal makaleyi Ali2021-05-06 tarihinde yayınlandı,Toplam 1369 karakterden oluşmaktadır.
Yeniden yazdırma ipuçları:Özel talimatlar dışında, bu sitedeki tüm makaleler CC-4.0 sözleşmesi kapsamında yayınlanmaktadır.Yeniden basılması için lütfen kaynak belirtiniz.
Yorum yap(Yorum yapılmamış)
Yükleniyor...