JQuery/javascript – Allow only numeric values (numbers) in Textbox
index.html
<!DOCTYPE html> <html> <head> <title>JQuery - Allow only numeric values (numbers) in Textbox - websitename.com</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script> </head> <body> <div class="container"> <h1>JQuery - Allow only numeric values (numbers) in Textbox - websitename.com</h1> <label>Enter Value:</label> <input type="text" name="myValue" class="only-numeric" > <span class="error" style="color: red; display: none">* Input digits (0 - 9)</span> </div> <script type="text/javascript"> $(document).ready(function() { $(".only-numeric").bind("keypress", function (e) { var keyCode = e.which ? e.which : e.keyCode if (!(keyCode >= 48 && keyCode <= 57)) { $(".error").css("display", "inline"); return false; }else{ $(".error").css("display", "none"); } }); }); </script> </body> </html>