Why does my “oninvalid” attribute let the pattern fail?

by

If you set a value with setCustomValidity() then the field is invalid. That is setting a non-zero length string causes the browser to consider the field invalid. In order to allow for the effects of any other validations you have to clear the custom validity:

<input type="password" name="user_password_new" pattern=".{6,}" required
   oninvalid="setCustomValidity('Minimum length is 6 characters')" 
   oninput="setCustomValidity('')" />

More Related Contents:

  1. CSS Button styling – Need some help -html css RADIO BUTTON LINK
  2. Are there any style options for the HTML5 Date picker?
  3. Do checkbox inputs only post data if they’re checked?
  4. Put icon inside input element in a form
  5. Implement an input with a mask
  6. How to customize ?
  7. Style input type file? [duplicate]
  8. Change default text in input type=”file”?
  9. How to change the button text of ?
  10. Override browser form-filling and input highlighting with HTML/CSS
  11. How to make HTML input tag only accept numerical values?
  12. Changing the symbols shown in a HTML password field
  13. How to set date format in HTML date input tag?
  14. Is well formed without a ?
  15. Wrapping text inside input type=”text” element HTML/CSS
  16. Tab Index on div
  17. Bug With Firefox – Disabled Attribute of Input Not Resetting When Refreshing
  18. How can I make the HTML5 number field display trailing zeroes?
  19. is there a max size to the length of a hidden input in html?
  20. Is it possible to always show up/down arrows for input “number”?
  21. Make Input Type=”Password” Use Number Pad on Mobile Devices
  22. What does “for” attribute do in an HTML tag?
  23. How to change the text color of first select option
  24. How do I trigger an HTML button when the “Enter” key is pressed in a textbox?
  25. HTML input field OUTSIDE of a form
  26. What’s the point of having hidden input in HTML? What are common uses for this?
  27. Why isn’t textarea an input[type=”textarea”]?
  28. How does stackoverflow make its Tag input field? [closed]
  29. What is the best way to replace the file browse button in html?
  30. How to get the text from the HTML5 input field error message in Selenium?

Leave a Comment