BASELINE NowYouCanUse.com
Widely Available Forms
id: constraint-validation

Constraint validation API

Methods that validate form controls before submission, such as checkValidity(), reportValidity() and setCustomValidity().
Baseline Status: Achieved Widely Available on Jun 11, 2021 (Cross-browser Newly Available since Dec 11, 2018).
Desktop Browser Engine Support
Google Chrome
40
Supported
Mozilla Firefox
51
Supported
Apple Safari
10.1
Supported
Microsoft Edge
18
Supported
Mobile Browser Engine Support
Chrome Android
40
Firefox Android
64
Safari iOS
10.3
Specifications and References
Specification ↗ Can I Use (constraint-validation) ↗ Feature XML ↗
MDN Browser Compat Data Keys:
api.HTMLButtonElement.checkValidity ↗ api.HTMLButtonElement.reportValidity ↗ api.HTMLButtonElement.setCustomValidity ↗ api.HTMLButtonElement.validationMessage ↗ api.HTMLButtonElement.validity ↗ api.HTMLButtonElement.willValidate ↗ api.HTMLFieldSetElement.checkValidity ↗ api.HTMLFieldSetElement.reportValidity ↗ api.HTMLFieldSetElement.setCustomValidity ↗ api.HTMLFieldSetElement.validationMessage ↗ api.HTMLFieldSetElement.validity ↗ api.HTMLFieldSetElement.willValidate ↗ api.HTMLFormElement.checkValidity ↗ api.HTMLFormElement.reportValidity ↗ api.HTMLInputElement.checkValidity ↗ api.HTMLInputElement.reportValidity ↗ api.HTMLInputElement.setCustomValidity ↗ api.HTMLInputElement.validationMessage ↗ api.HTMLInputElement.validity ↗ api.HTMLInputElement.willValidate ↗ api.HTMLObjectElement.checkValidity ↗ api.HTMLObjectElement.reportValidity ↗ api.HTMLObjectElement.setCustomValidity ↗ api.HTMLObjectElement.validationMessage ↗ api.HTMLObjectElement.validity ↗ api.HTMLObjectElement.willValidate ↗ api.HTMLOutputElement.checkValidity ↗ api.HTMLOutputElement.reportValidity ↗ api.HTMLOutputElement.setCustomValidity ↗ api.HTMLOutputElement.validationMessage ↗ api.HTMLOutputElement.validity ↗ api.HTMLOutputElement.willValidate ↗ api.HTMLSelectElement.checkValidity ↗ api.HTMLSelectElement.reportValidity ↗ api.HTMLSelectElement.setCustomValidity ↗ api.HTMLSelectElement.validationMessage ↗ api.HTMLSelectElement.validity ↗ api.HTMLSelectElement.willValidate ↗ api.HTMLTextAreaElement.checkValidity ↗ api.HTMLTextAreaElement.reportValidity ↗ api.HTMLTextAreaElement.setCustomValidity ↗ api.HTMLTextAreaElement.validationMessage ↗ api.HTMLTextAreaElement.validity ↗ api.HTMLTextAreaElement.willValidate ↗ api.ValidityState ↗ api.ValidityState.badInput ↗ api.ValidityState.customError ↗ api.ValidityState.patternMismatch ↗ api.ValidityState.rangeOverflow ↗ api.ValidityState.rangeUnderflow ↗ api.ValidityState.stepMismatch ↗ api.ValidityState.tooLong ↗ api.ValidityState.tooShort ↗ api.ValidityState.typeMismatch ↗ api.ValidityState.valid ↗ api.ValidityState.valueMissing ↗