Javascript Form How to - Let Only Numbers Pass to a Form text input Field








Question

We would like to know how to let Only Numbers Pass to a Form text input Field.

Answer


<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
function checkIt(evt) {<!--from   www.ja  va  2s  .  c  o  m-->
    evt = (evt) ? evt : window.event
    var charCode = (evt.which) ? evt.which : evt.keyCode
    if (charCode > 31 && (charCode < 48 || charCode > 57)) {
        status = "This field accepts numbers only."
        return false
    }
    status = ""
    return true
}
</SCRIPT>
</HEAD>
<BODY>
<FORM onSubmit="return false">
    Enter any positive integer: 
    <INPUT TYPE="text" NAME="numeric" onKeyPress="return checkIt(event)">
</FORM>
</BODY>
</HTML>

The code above is rendered as follows: