Click here to Skip to main content
Click here to Skip to main content

Text box to accept only number

, 23 Apr 2011 CPOL
Rate this:
Please Sign up or sign in to vote.
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)

Share

About the Author

Prasanta_Prince
Software Developer India
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.

Comments and Discussions

 
QuestionGood Solution PinmemberAlireza_136220-Mar-13 23:24 
GeneralMy vote of 2 Pinmemberniubay11-Sep-12 4:31 
GeneralRe: by small digits I mean something like: 1.2345, 6.78 etc I ... PinmemberUnruled Boy24-Apr-11 13:14 
GeneralRe: Agreed. Something like this regular expression /^-?[0-9]+(\.... Pinmemberdanlobo30-Dec-11 0:32 
GeneralRe: Negative values you just have to program to allow the minus ... PinmemberEdMan19624-Apr-11 4:08 
GeneralRe: The keyboard remapping just assigns different characters to ... PinprotectorAspDotNetDev24-Apr-11 1:44 
GeneralRe: For starters you can remap your keyboard but also, the world... PinmemberEdMan19623-Apr-11 23:57 
GeneralReason for my vote of 5 exclent Pinmemberlovepreet_shota18-Jun-11 18:15 
GeneralThis is all well and good unless of course my keyboards numb... PinmemberEdMan19623-Apr-11 3:40 
This is all well and good unless of course my keyboards number keys don't match char codes 31 and 48 to 57.... You ought to be using '9' instead of 57 etc. to allow for different keyboards. Otherwise, this is a good example (though vars in C# are messy if you ask me. Why not use some proper types? :/ )
GeneralRe: What do you mean? How would your keyboard number keys use di... PinprotectorAspDotNetDev23-Apr-11 19:51 
GeneralRe: what if small digits or negative values? I think using regex... PinmemberUnruled Boy24-Apr-11 4:05 
GeneralExplanation needed PinsubeditorIndivara18-Apr-11 13:05 
GeneralRe: Explanation needed Pinmemberpashad27-Dec-11 19:52 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

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

| Advertise | Privacy | Terms of Use | Mobile
Web04 | 2.8.141216.1 | Last Updated 23 Apr 2011
Article Copyright 2011 by Prasanta_Prince
Everything else Copyright © CodeProject, 1999-2014
Layout: fixed | fluid