Accept only number in a text box in JavaScript

similar:
1) Allowing only certain character in a text box.
2) Validation in TextBox which accepts only numbers value.
3) Allow only numbers / digits in TextBox.

Here is the code bellow
for the text box where digits are allowed and alphabetic characters are not allowed. Observe, too, that arrow keys and backspace _are_ allowed so that you can still edit what you type.

Copy and paste java script code inside <head> tag and call the java script function on text box onkeypress event as given bellow.

Here is the two example you can try any of them all are working fine in all browsers IE,Netscape/Mozilla.


<script type="text/javascript">
    function fnAllowNumeric() {
      if ((event.keyCode < 48 || event.keyCode > 57) && event.keyCode != 8) {
          event.keyCode = 0;
          alert("Accept only Integer..!");
          return false;
      }
    }
</script>

<body>
  <input id="txtChar" onkeypress="return fnAllowNumeric()" type="text" />
</body>



<script type="text/javascript">
    function CheckNumericValue(e) {
       var key = e.which ? e.which : e.keyCode;
       //enter key  //backspace //tabkey      //escape key                  
       if ((key >= 48 && key <= 57) || key == 13 || key == 8 || key == 9 || key == 27) {
           return true;
       }
       else {
           alert("Please Enter Number Only");
           return false;
       }
    }
</script>

<body>
 <input id="txtChar" onkeypress="return CheckNumericValue(event)" type="text" />
</body>


Popular Posts