Form Alanına Yalnızca Sayısal Değer Girişi Sağlama

Form Alanına Yalnızca Sayısal Değer Girişi Sağlama
Nisan 23 01:29 2014 Bu yazıyı yazdır

Geliştirdiğimiz web projelerinde form alanlarını sıklıkla kullanırız. Bu alanlar her zaman standart bir şekilde veri girişi için kullanılmaz. Örneğin üyelik kaydı yapılacak bir form alanında kullanıcıdan e-mail adresi girmesini istediğimiz alana e-mail doğrulama özelliği ekleriz. Kredi kartı bilgilerini girdiği alana ise yalnızca sayısal veri girmesi bir ön kontrol ve filtreleme gibi iş görecektir. Üye olan bir kullanıcının şifre bilgilerini type=”password” olan bir textfield, diğer bir deyişle metin alanı içerisinde alabilmeyi isteriz.

Buradan hareketle bu bölümde, içerisine yalnızca sayısal veri girişi olmasını istediğimiz ve bu amaçla ön kontrol yapacağımız bir JavaScript kodu yazacağız. Öncelikle form alanını oluşturalım:

Yukarıda gördüğümüz HTML kodları, bir metin alanını ifade etmektedir. onChange özelliğine isNumeric fonksiyonunu, parametre olarak da HTML elementin kendisini işaret ettik. Form alanına veri girilip mouse ile başka bir bölgeye geçiş sağlanması, isNumeric fonksiyonunu tetikleyecektir:

Yukarıdaki sayfa çalıştırıldığında metin girişi yaparak kodları test edelim:

Metinsel veri girişi

Metinsel veri girişi

Sayısal veri girişi yapıldığında ise herhangi bir sonuç dönmeyecektir.

  Yazı şöyle etiketlendi:
  Kategoriler:
A.Gökhan, M.Sc.
A.Gökhan, M.Sc.

My Name is A. Gokhan SATMAN, and I am a software engineer, Author and game developer. gokhansatman.com

Daha fazla yazı görüntüle
Yorum yaz

1 Yorum

  1. Tolga
    Mart 03, 16:24 #1 Tolga

    Teşekkürler

    Reply to this comment

Yorum ekle

Your data will be safe! Your e-mail address will not be published. Also other data will not be shared with third person.
All fields are required.

*