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.
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.
See the Pen Yalnızca Sayı Girilen Input on CodePen.
2 yorum:
Yorum Gönder