30 Haziran 2017 Cuma

Javascript Kullanarak Input İçerisine Sadece Sayı Girilmesini Sağlamak

Javascript Kullanarak Input İçerisine Sadece Sayı Girilmesini Sağlamak

Yaş bilgisi girilecek olan bir alana klavyeden yalnızca sayı girilebilmesini istiyoruz. Harfler ya da diğer karakterler bu alana girilmemeli. Bunu sağlayabilmek için Javascript kullanacağız.

Yapmamız gereken her tuş basımında basılan tuşun bir rakam olup olmadığını denetlemek. Basılan tuş bir rakam ise yazılmasına izin vereceğiz. Rakam değilse, bu tuş basımının sonucunun ekranda gözükmesine izin vermemeliyiz. Basılan tuşun rakam olup olmadığını anlamak için keyCode değerlerini kontrol edeceğiz.

Oluşturacağımız formda bulunan input alanına yazılan karakterlerin silinebilmesine de izin vermeliyiz. Bu yüzden; yazacağımız kod, 0-9 arasındaki karakterler dışında, BackSpace (Silme) tuşunu da desteklemeli. Örnek kodlar aşağıda yer almaktadır.

2 yorum:

Mehmet Emin EKER dedi ki...
Bu yorum yazar tarafından silindi.
Mehmet Emin EKER dedi ki...

Mobilde bazı tarayıcılarda sadece bu kodu yazmak işe yaramıyorum hocam. Çünkü mobilde event.keyCode değerleri farklı geliyor diye biliyorum. Bununla birlikte inputun tipini "tel" yapmak gerekiyor sanırım.