Thursday 20 October 2011

Accept only a number in a textbox using through java script

Follow these steps:-

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.


Just 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 and 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>



Second:-

<script type="text/javascript">
       function CheckNumericValue(e) {

        var key;
        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>

No comments:

Post a Comment