ASP.Net Numeric TextBox (Sadece Sayısal Giriş)

  • 10.07.2012 16:03
  • ASP.Net
  • 16255

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:16

    returnfalse; kisminda return false; bosluk eklemeyi unutmayin çalismaz yoksa :)

  • betul

    31.07.2013 10:12

    Paylasim için tesekkürler. yalniz bir sorum olacakti. rakamla beraber sadece noktaya nasil izin verebiliriz.. ___?__

  • Ebrar

    17.07.2013 13:28

    ben 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.

Siz de düşüncelerinizi yazabilirsiniz:

;