JavaScript – Sadece Rakam Girilsin

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.

Version 1.5.1 :

  • BugFix : Internet Explorer 8 ve bazı javascript frameworkler ile uyumsuzluk problemi giderildi.
  • Test : Internet Explorer 6-7-8, Firefox 3.0.7, Google Chrome 2.0.170.0, Opera 9.63, Safari 3.2.1
  • Javascript Framework ile birlikte kullanım testi : jQuery

 

Html test sayfasını aşağıdaki linkten indirebilirsiniz.

SadeceRakam-v1.5.1.html (3,18 kb)

 

Küçültülmüş Javascript dosyasını aşağıdaki linkten indirebilirsiniz..


SadeceRakam-v1.5.1.js (1,38 kb)

 

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)

[code:html]
<script type=”text/javascript” src=”SadeceRakam-v1.5.1.js”>
[/code]

Hangi kontrole uygulamak istiyorsanız örnekteki gibi kullanabilirsiniz.

[code:html]
<!– 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>
[/code]

onkeypress=”return SadeceRakam(event,[‘-‘]);”

İki parametrelidir:

  1. Event
  2. İ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:

  1. Event
  2. 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.

 

Bulduğunuz hataları lütfen iletişim bölümünden rapor ediniz.

Share on FacebookShare on Google+Tweet about this on TwitterShare on LinkedInPin on PinterestShare on RedditDigg thisEmail this to someonePrint this page