Web tabanlı programlama ile uğraşan birçok yazılımcı, JavaScript kullanarak input ve textarea kontrollerine sadece rakam girilmesine ihtiyaç duymuştur. Fakat bu rakam girişlerinde örneğin para miktarı girilecek bir alanı düşünürseniz virgül karakterine de izin verilmesi gerekecektir 157,42 YTL örneğindeki gibi. Yada 555-555-55-55 gibi bir alanın girişinde de "-"işaretine izin vermek gerekecektir. Ben de izin verilecek karakterlerin sizin tarafınızdan belirlenebilmesine uygun bir kod yazdım.
Sadece Rakam Scripti Temel Özellikleri (Version 1.5) :
- Yazarken kontrol (sadece izin verilen tuşların yazılabilmesi),
- Kontrolden çıkılırken metni kontrol etme,
- Trim (Kenar boşluklarının temizlenmesi),
- Clear (İçerikteki istenmeyen birden fazla boşlukların ve enter karakterlerinin temizlenmesi),
- Çok küçük boyut,
- Internet Explorer 6+ ve Firefox 2+ ile uyumlu
Örnek Kod:
Ekleyeceğiniz sayfada head bölümüne aşağıdaki kodu ekleyin
("SadeceRakam-v1.5.js" sizde farklı yerde ise onun yolunu değiştirmeyi unutmayın)
<script type="text/javascript" src="SadeceRakam-v1.5.js">
Hangi kontrole uygulamak istiyorsanız örnekteki gibi kullanabilirsiniz.
<!-- input icin -->
<input type="text" id="txtInput" onkeypress="return SadeceRakam(event);" onblur="SadeceRakamBlur(event,false);" />
<!-- textarea icin -->
<textarea cols="50" rows="10" id="txtArea" onkeypress="return SadeceRakam(event,['-']);" onblur="SadeceRakamBlur(event,true);"> </textarea>
onkeypress="return SadeceRakam(event,['-']);"
İki parametrelidir:
- Event
- İzin verilecek karakter dizisi. Örneğin birden çok karaktere izin vermek için onkeypress="return SadeceRakam(event,['-','.']);" şeklinde kullanılabilir.
onblur="SadeceRakamBlur(event,true);" bu kod isteğe bağlıdır onu eklemeyebilirsiniz.
İki parametrelidir:
- Event
- Kontrol içindeki enter tuşu ve birden fazla olan boşluk karakterlerin temizlenmesi içindir.
Ayrıca yapıştırma yapılırsa, kontrolden çıkıldığında içeriğin tekrar kontrol edilmesini sağlar.
Bu nedenlerle kullanılmasını öneririm.
Html test sayfasını aşağıdaki linkten indirebilirsiniz.
SadeceRakam-v1.5.html (3,15 kb)
Küçültülmüş Javascript dosyasını aşağıdaki linkten indirebilirsiniz..
SadeceRakam-v1.5.js (1,28 kb)
Bulduğunuz hataları lütfen iletişim bölümünden rapor ediniz.
357 defa görüntülendi