HTMLButtonElement: setCustomValidity() 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⁩.

ThesetCustomValidity() method of theHTMLButtonElement interface sets the custom validity message for the<button> element. Use the empty string to indicate that the element doesnot have a custom validity error.

Syntax

setCustomValidity(string)

Parameters

string: The string containing the error message. The empty string removes any custom validity errors.

Return value

None (undefined).

Examples

const errorButton = document.getElementById("checkErrors");const errors = issuesToReport();if (errors) {  errorButton.setCustomValidity("There is an error");} else {  errorButton.setCustomValidity("");}