jQuery: what is the best way to restrict “number”-only input for textboxes? (allow decimal points)

by

If you want to restrict input (as opposed to validation), you could work with the key events. something like this:

<input type="text" class="numbersOnly" value="" />

And:

jQuery('.numbersOnly').keyup(function () { 
    this.value = this.value.replace(/[^0-9\.]/g,'');
});

This immediately lets the user know that they can’t enter alpha characters, etc. rather than later during the validation phase.

You’ll still want to validate because the input might be filled in by cutting and pasting with the mouse or possibly by a form autocompleter that may not trigger the key events.

More Related Contents:

  1. How to allow only numeric (0-9) in HTML inputbox using jQuery?
  2. Set class validation for dynamic textbox in a table
  3. Check if inputs are empty using jQuery
  4. A simple jQuery form validation script [closed]
  5. Email validation using jQuery
  6. Custom date format with jQuery validation plugin
  7. How to force a html5 form validation without submitting it via jQuery
  8. Perform client side validation for custom attribute
  9. Google ReCAPTCHA how to make required?
  10. jQuery Validate – require at least one field in a group to be filled
  11. Using JQuery Validate Plugin to validate multiple form fields with identical names
  12. Number input type that takes only integers?
  13. jQuery validator and a custom rule that uses AJAX
  14. MVC 3 jQuery Validation/globalizing of number/decimal field
  15. Stop form from submitting , Using Jquery
  16. MVC DateTime validation – UK Date format
  17. Use ASP.NET MVC validation with jquery ajax?
  18. MVC custom validation: compare two dates
  19. jQuery Form Validation before Ajax submit
  20. How to add a Not Equal To rule in jQuery.validation
  21. Validate dynamically added fields
  22. Validation of radio button group using jQuery validation plugin
  23. How can one use JQuery to validate email addresses?
  24. HTML5 validation before ajax submit
  25. Validating url with jQuery without the validate-plugin?
  26. How to force an HTML form to validate without submitting it via jQuery
  27. How to use Twitter Bootstrap popovers for jQuery validation notifications?
  28. How to check if bootstrap modal is open, so I can use jquery validate?
  29. Regex validation for numbers with comma separator
  30. jquery get only all html elements with ids

Leave a Comment