Post
Ask Question

Numeric validation on textbox using jQuery

  1.    
  2. <html>  
  3. <head>  
  4. <title>Number validation using jQuery with decimal and minus sign</title>  
  5. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>  
  6. </head>  
  7. <body>  
  8. <div>  
  9. <h3>Numeric validation on this textbox</h3>  
  10. <input type="text" class="txtnumval" /><br />  
  11. </div>  
  12. </body>  
  13. <script>  
  14. // JQUERY ".Class" SELECTOR.  
  15. $(document).ready(function() {  
  16. $('.txtnumval').keypress(function (event) {  
  17. return isNumber(event, this)  
  18. });  
  19. });  
  20. // THE SCRIPT THAT CHECKS IF THE KEY PRESSED IS A NUMERIC OR DECIMAL VALUE.  
  21. function isNumber(evt, element) {  
  22. var charCode = (evt.which) ? evt.which : event.keyCode  
  23. if (  
  24. (charCode != 45 || $(element).val().indexOf('-') != -1) && // “-” CHECK MINUS, AND ONLY ONE.  
  25. (charCode != 46 || $(element).val().indexOf('.') != -1) && // “.” CHECK DOT, AND ONLY ONE.  
  26. (charCode < 48 || charCode > 57))  
  27. return false;  
  28. return true;  
  29. }  
  30. </script>  
  31. </html>