Only allow certain characters to be entered in html textinput

by

You can change your input text as below:

<input type="text" pattern="[a-zA-Z0-9!@#$%^*_|]{6,25}" />

So the code changes look like below:

    <form action="#" method="get">
       User Name:<br />
       <input type="text" pattern="[a-zA-Z0-9!@#$%^*_|]{6,25}" /><br />
       Password:<br />
       <input type="password" /><br />
       <input type="submit" value="Log In" /> 
   </form>

This will work without using JavaScript. pattern can be used instead. It is more effective than JavaScript for form validation.

More Related Contents:

  1. What characters are valid for JavaScript variable names?
  2. jQuery Set Cursor Position in Text Area
  3. Repeat a string in JavaScript a number of times
  4. Browser Javascript Stack size limit
  5. How can I remove a character from a string using JavaScript?
  6. What are the current cookie limits in modern browsers?
  7. javascript to find leap year
  8. How to check if character is a letter in Javascript?
  9. How can I use modulo operator (%) in JavaScript? [duplicate]
  10. Javascript: Move caret to last character
  11. Trying to capitalize the first character in array of strings, why this is not working?
  12. How to skip the zero value in an array of objects? [duplicate]
  13. Why are inline event handler attributes a bad idea in modern semantic HTML?
  14. Sorting in JavaScript: Shouldn’t returning a boolean be enough for a comparison function?
  15. Passing data between controllers in Angular JS?
  16. Turning live() into on() in jQuery
  17. Bootstrap navbar Active State not working
  18. How to search JSON tree with jQuery
  19. Reading response headers with Fetch API
  20. Vue JS: Difference of data() { return {} } vs data:() => ({ })
  21. nodejs, multer, aws S3
  22. Fast way to get the min/max values among properties of object
  23. Add a link stylesheet dynamically in the [closed]
  24. Saving files locally with electron
  25. Highlight word in HTML text (but not markup)
  26. How to draw a vector path progressively? (Raphael.js)
  27. iphone/ipad triggering unexpected resize events
  28. How do you dynamically create a radio button in Javascript that works in all browsers?
  29. How can I replace one class with another on all elements, using just the DOM?
  30. Javascript Date Plus 2 Weeks (14 days)

Leave a Comment