How to prevent invalid characters from being typed into input fields

by

To prevent it from being set in the first place, you can return false on the keydown event handler, thus preventing the event from propagating any further.

I wrote the example below using jQuery, but you can use the same function when binding traditionally.

Though it’s important to validate on the server-side as well, client-side validation is important for the sake of user friendliness.

$("input.number-only").bind({
    keydown: function(e) {
        if (e.shiftKey === true ) {
            if (e.which == 9) {
                return true;
            }
            return false;
        }
        if (e.which > 57) {
            return false;
        }
        if (e.which==32) {
            return false;
        }
        return true;
    }
});

More Related Contents:

  1. Find list of strings that matches a pattern that start with a special character « and end with a special character »
  2. Javascript Regex for decimal [duplicate]
  3. Is it possible to simulate key press events programmatically?
  4. Regex to get string between curly braces
  5. What is the meaning of the ‘g’ flag in regular expressions?
  6. How to find out what character key is pressed?
  7. How do I capture response of form.submit
  8. Manipulating innerHTML removes the event handler of a child element? [duplicate]
  9. What is the difference between RegExp’s exec() function and String’s match() function?
  10. Is there a version of JavaScript’s String.indexOf() that allows for regular expressions?
  11. split string only on first instance of specified character
  12. How do you log all events fired by an element in jQuery?
  13. Remove HTML Tags in Javascript with Regex
  14. Javascript trick for ‘paste as plain text` in execCommand
  15. How to replace last occurrence of characters in a string using javascript
  16. Validating user’s UTF-8 name in Javascript
  17. JavaScript mapping touch events to mouse events
  18. Using this inside an event handler
  19. Javascript regular expression to validate URL
  20. Are event handlers in JavaScript called in order?
  21. HTML DOM: Which events do not bubble?
  22. Javascript onkeydown event fire only once?
  23. Javascript unicode string, chinese character but no punctuation
  24. Why inline JavaScript is bad?
  25. javascript regex to extract anchor text and URL from anchor tags
  26. Example of a regular expression for phone numbers
  27. Regex to split camel case
  28. JavaScript: How to simulate change event in internet explorer (delegation)
  29. Detecting user inactivity over a browser – purely through javascript [duplicate]
  30. Convert string to Pascal Case (aka UpperCamelCase) in Javascript

Leave a Comment