How To Restrict TextBox To Only Accept Numeric Values

Mudassir

I have seen lot of people asking how they can restrict users to numeric input only, so i thought to post it here as well.
well for making a text box to accept only numeric input, we will write a very simple javascript function in the <head></head> section of our markup like this.

Expand|Select|Wrap|Line Numbers

 
<script type="text/javascript">
 
      function isNumberKey(evt)

      {

         var charCode = (evt.which) ? evt.which : event.keyCode

         if (charCode > 31 && (charCode < 48 || charCode > 57)) {

             alert("Please Enter Only Numeric Value:");

             return false;

         }
 
         return true;

      }
 
   </script>

and on the TextBox which needs to be only numeric will have a markup like this

Expand|Select|Wrap|Line Numbers

 
 <asp:TextBox ID ="txtNumericInput" onkeypress="return isNumberKey(event)" runat ="server" ></asp:TextBox>

now run your project and try typing values other than numbers, you will get an alert..
Addan

Frinavale

Your article sounds a lot like the article titled How to check if a TextBox contains a number

Mudassir

but i think my post seems to be more simpler.. :) no problem there can be a number of ways to implement a task in programming world..

rezakhatami

hi

thank u
it works

How To Restrict TextBox To Only Accept Numeric Values

Similar topics