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




Share this

Related Posts

Previous
Next Post »

3 comments

comments
16 juin 2019 à 11:33 delete

thanks to youtube i found your blog, thanks for the information. merci beaucoup.

Reply
avatar
1 mai 2020 à 16:29 delete

Where is the test function code!?

Reply
avatar