Input alanında ilk karakterin 0 girilmesini engelleme

Web sitelerinin üye olma (register) sayfalarında artık üyelik sürecini hızlandırmak için minimum bilgi alınsa da, üyeliğini tamamlayan kullanıcıların telefon bilgisine de mutlaka ulaşılmaya çalışılıyor.

Genelde müşteri kayıtlarının tutulduğu CRM programlarında +90 Türkiye uluslararası alan kodunun arkasına, web sitesinden alacağınız telefon bilgisinin eklenmesinden dolayı sitenizdeki telefon bilgisini başında “0” olmadan almanız gerekiyor.

Peki bu sınırlamayı ve validasyonu nasıl yapacaksınız? İşte çözümü ve çalışan JSFiddle linki:

Kodlarımız özetle şöyle:

#number id’sini verdiğimiz input alanımızda keypress function uygulandığında (yani herhangi bir klavye tuşuna basıldığında), eğer girilen karakter sayısı 0 ise, yani hiç karakter girilmemişse, sıfıra basıldığında false olarak dön (yani sıfıra basılmasını engelle) ve help-block classını verdiğimiz uyarı metnimizi göster ve kaybet…

Bu kodun daha ileri aşaması telefon alanını Türkiye’deki tüm telefon bilgilerine göre maskelemek ve kontrol etmek.

Ama kısa sürede bu kodu kullanarak da validasyonunuzu gerçekleştirebilirsiniz.

Bahçeşehir Üniversitesi İletişim Fakültesi Reklamcılık Bölümü mezunu… Web tasarım, front-end geliştirme ve WordPress tema geliştirme ile uğraşmaktadır.
Etiketler:

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak.