Bu kisa makalemizde web projelerimizde en çok karsilastigimiz konulardan biri olan numeric textboxlar. Yani sadece sayisal giris yapilabilen ve metin-karakter girisine izin verilmeyen textbox nesnesinden bahsedecegiz.
Projelerimizde kullanicidan sadece rakam girmesini istedigimiz bölümler olabiliyor. Ancak bizim rakam girilmesini istedigimiz alana kullanici baska bir karakter girerse ve bunu kodumuzda da kontrol etmediysek, projemiz hata verecektir. Ayrica kontrol ediyor olsak bile sayfamizin postback olmasina sebep olacaktir.
Asagiya ekleyecegim javascript kodunu istedigimiz bir textBox kontrolünün onkeydown metoduna atayarak bu islemi saglamis olacagiz. Bu kodu sayfanizin <head></head> taglari arasina ekleyin:
<script type="text/javascript">
function onlyNumber(e) {
var keyCode = event.keyCode;
if ((keyCode < 46 || keyCode > 57) && keyCode != 8 && keyCode != 9 && keyCode != 0 && keyCode != 47 && (keyCode < 96 || keyCode > 105)) {
returnfalse;
}
}
</script>
TextBox kontrolümüzü numeric textbox yapmak için onkeydown özelligine metodumuzu ekliyoruz:
<asp:TextBox ID=" txtAdet" class="textBox" onkeydown="return onlyNumber(event)" />
Numeric TextBox kontrolümüz olustu arkadaslar. Dilediginiz projede kullanabilirsiniz.
Bu yazıya yapılan yorumlar:
Murat Çakmak
28.04.2014 21:16returnfalse; kisminda return false; bosluk eklemeyi unutmayin çalismaz yoksa :)
betul
31.07.2013 10:12Paylasim için tesekkürler. yalniz bir sorum olacakti. rakamla beraber sadece noktaya nasil izin verebiliriz.. ___?__
Ebrar
17.07.2013 13:28ben buranin üyesi filann degilim internette arastirirken buldum,kodunuzu kendi projelerimde kullanabilr miyim?Ayrica tesekkür ederim
Yunus Emre ALTINAY
25.04.2013 16:39Çok tesekkür ederim bunu çok ariyordum sonunda buldum. Gerçekten tesekkürler. Allah razi olsun. Basarilar. Saygilar.