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 December 2018.

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.

Note: The :valid and :invalid CSS pseudo-classes are applied to <form> elements based on the validity of its owned form controls, not the validity of the <form> element itself.

Syntax

js
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.

js
const element = document.getElementById("myForm");
console.log(element.checkValidity());

Specifications

Specification
HTML Standard
# dom-form-checkvalidity-dev

Browser compatibility

BCD tables only load in the browser

See also