Javascript Input Text Allow Only Numbers

How To Make An Input Text Accept Only Numeric Values Using Javascript  

input text accept only numeric input using js


In This Javascript Tutorial we will See How To Create An Input Text That Allow Only Numbers On KeyPress Event Using test function using JS And Netbeans Editor .


Project Source Code:


<!DOCTYPE html>
<html>
    <head>
        <title>Javascript - Input Text Allow Only Numbers</title>
        <meta charset="windows-1252">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
    <body>
        
        <input type="text" onkeypress="isInputNumber(event)">
        
        <script>
            
            function isInputNumber(evt){
                
                var ch = String.fromCharCode(evt.which);
                
                if(!(/[0-9]/.test(ch))){
                    evt.preventDefault();
                }
                
            }
            
        </script>
       
    </body>
</html>



OUTPUT:

js input text allow only numbers



3 commentaires: