Click here to Skip to main content
65,938 articles
CodeProject is changing. Read more.
Articles
(untagged)

Validation of Numeric Values On keyPress Event USing Javascript

0.00/5 (No votes)
27 Feb 2010 1  
It is better to use javascript functions for validating numeric values rather than Validation Controls.We can restrict a textbox to allow only

This articles was originally at wiki.asp.net but has now been given a new home on CodeProject. Editing rights for this article has been set at Bronze or above, so please go in and edit and update this article to keep it fresh and relevant.

It is better to use javascript functions for validating numeric values rather than Validation Controls.


We can restrict a textbox to allow only numeric values using javascript functions.


These function will block the user to enter non numeric values by using keycode of each key on keyboard so that user can't enter illegal values into the respective fields.

function blockNonNumbers(obj, e, allowDecimal, allowNegative)
{
 var key;
 var isCtrl = false;
 var keychar;
 var reg;
  
 if(window.event) {
  key = e.keyCode;
  isCtrl = window.event.ctrlKey
 }
 else if(e.which) {
  key = e.which;
  isCtrl = e.ctrlKey;
 }
 
 if (isNaN(key)) return true;
 
 keychar = String.fromCharCode(key);
 
 // check for backspace or delete, or if Ctrl was pressed
 if (key == 8 || isCtrl)
 {
  return true;
 }

 reg = /\d/;
 var isFirstN = allowNegative ? keychar == '-' && obj.value.indexOf('-') == -1 : false;
 var isFirstD = allowDecimal ? keychar == '.' && obj.value.indexOf('.') == -1 : false;
 
 return isFirstN || isFirstD || reg.test(keychar);
}

License

This article has no explicit license attached to it but may contain usage terms in the article text or the download files themselves. If in doubt please contact the author via the discussion board below.

A list of licenses authors might use can be found here