HTMLFormElement: checkValidity() method
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
The checkValidity() method of the HTMLFormElement interface returns a boolean value which indicates if all associated controls meet any constraint validation rules applied to them. The method also fires an invalid event on each invalid element, but not on the form element itself. Because there's no default browser behavior for checkValidity(), canceling this invalid event has no effect.
Syntax
checkValidity()
Parameters
None.
Return value
Returns true if the associated controls' values have no validity problems; otherwise, returns false.
Examples
In the following example, calling checkValidity() would return true if or false.
const element = document.getElementById("myForm");
console.log(element.checkValidity());
Specifications
| Specification |
|---|
| HTML # dom-form-checkvalidity-dev |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
checkValidity
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support