MDN’s new design is in Beta! A sneak peek:

The HTMLFormElement.reportValidity() method returns true if the element's child controls satisfy their validation constraints. When false is returned, cancelable invalid events are fired for each invalid child and validation problems are reported to the user.




document.forms["myform"].addEventListener('invalid', function() {
  //Optional response here.
}, false);

document.forms["myform"].addEventListener('submit', function() {
}, false);


Specification Status Comment
WHATWG HTML Living Standard
The definition of 'HTMLFormElement.reportValidity()' in that specification.
Living Standard  
The definition of 'HTMLFormElement.reportValidity()' in that specification.
Recommendation Initial definition

Browser compatibility

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 40.0 49.0 (49.0) No support (Yes) No support
Feature Android Android Webview Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile Chrome for Android
Basic support ? 40.0 ? ? ? ? 40.0

Document Tags and Contributors

 Last updated by: sezginruhi,