Tuesday, June 28, 2011

Allow Only Numbers in a Textbox

Dear Googler,

Sometimes we need the user to enter only numbers in a text filed, so I have some up with a small piece of JavaScript to do exactly that. It works for both IE and Firefox.

Code: JavaScript

function onlyNumbers (evt)
{
       var e = event || evt ; // for trans-browser compatibility

       var charCode = e.which || e.keyCode ;
       if ( charCode > 31 && (charCode < 48 || charCode > 57))
             return false;

       return true;
 }

Example Usage:


HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Allow Only Numbers
</HEAD>

<BODY>
<script language="JavaScript">
function onlyNumbers(evt)
{
 var e = event || evt; // for trans-browser compatibility
 var charCode = e.which || e.keyCode;

 if (charCode > 31 && (charCode < 48 || charCode > 57))
  return false;

 return true;

}
</script>
<input type="text" onkeypress="return onlyNumbers();">
</BODY>
</HTML>










No comments:

Post a Comment