Text box to accept only number

Prasanta_Prince

Rate me:

4.13/5 (21 votes)

23 Apr 2011CPOL

92.1K

Text box to accept only number

<HTML>
   <HEAD>
   <SCRIPT language=Javascript>
      
      function isNumberKey(evt)
      {
         var charCode = (evt.which) ? evt.which : event.keyCode
         if (charCode > 31 && (charCode < 48 || charCode > 57))
            return false;
 
         return true;
      }
      
   </SCRIPT>
   </HEAD>
   <BODY>
      <INPUT id="txtChar" onkeypress="return isNumberKey(event)" type="text" name="txtChar">
   </BODY>
</HTML>

Just paste the Script Section in the Head section and in on key press call the function.
For C#, just paste the following code:

function allownumbers(e) {
        var key = window.event ? e.keyCode : e.which;
        var keychar = String.fromCharCode(key);
        var reg = new RegExp("[0-9.]")
        if (key == 8) {
            //alert(key);
            keychar = String.fromCharCode(key);
        }

And in PageLoad:

txtNum.Attributes.Add("onkeypress", "javascript:return allownumbers(event);");

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Written By

Prasanta_Prince

Software Developer India

India

http://devcorners.com/
Total DotNet/Programming Solution

I am Prasanta Banerjee. I am an Asp.Net Developer. My site: http://devcorners.com/
Email: prasanta.it@hotmail.com
If any body wants to prepare for interview http://guru-code.blogspot.com/ is the good site.

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

Text box to accept only number

License

Comments and Discussions