html5 oninvalid doesn’t work after fixed the input field

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 take effects of your new input you have to clear the custom validity.
Simply you can use the following: 

<input required maxlength="255" id="information_name" minlength=1 name="information[name]" oninvalid="setCustomValidity('Should not be left empty.')" 
   oninput="setCustomValidity('')" />

There is no need to use Javascript for this.

More Related Contents:

  1. Double digit 30 seconds countdown
  2. Using HTML5/Canvas/JavaScript to take in-browser screenshots
  3. What’s the effect of adding ‘return false’ to a click event listener?
  4. Why can’t I call a function named clear from an onclick attribute?
  5. Way to ng-repeat defined number of times instead of repeating over array?
  6. JavaScript Form Submit – Confirm or Cancel Submission Dialog Box
  7. innerText vs innerHTML vs label vs text vs textContent vs outerText
  8. Connecting to TCP Socket from browser using javascript
  9. Transfer data from one HTML file to another
  10. Which browsers support ?
  11. How do I check if a cookie exists?
  12. HTML 5 video or audio playlist
  13. How to use greasemonkey to selectively remove content from a website
  14. Attach an event in a child iframe to a handler in the parent window
  15. HTML anchor link – href and onclick both?
  16. HTML DOM: Which events do not bubble?
  17. Download textarea contents as a file using only Javascript (no server-side)
  18. Positioning divs in a circle using JavaScript
  19. issue with comparing two numbers in javascript
  20. Display image from blob using javascript and websockets
  21. jQuery text() and newlines
  22. Formatting the date time with Javascript
  23. Print a div using javascript in angularJS single page application
  24. How do I make an “else” in an IE HTML conditional?
  25. html() vs innerHTML jquery/javascript & XSS attacks
  26. How to call a function after a div is ready?
  27. javascript: upload image file and draw it into a canvas
  28. How to execute code in a javascript append
  29. Extracting single frames from an animated GIF to canvas
  30. Showing Placeholder text for password field in IE

Leave a Comment