HTMLInputElement: validationMessage property

The validationMessage read-only property of the HTMLInputElement interface returns a string representing a localized message that describes the validation constraints that the <input> control does not satisfy (if any).

If the <input> element is not a candidate for constraint validation (HTMLInputElement.willValidate is false), or it satisfies its constraints, the value is the empty string ("").

If the element is a candidate for constraint validation (willValidate is true) and the constraints are not met (the HTMLInputElement.validity object's valid property is false), the value is the error message that would be shown to the user during validation.

Value

A string.

Example

const input = document.getElementById("myInput");
const errorMessage = input.validationMessage;

Specifications

Browser compatibility

See also

• <input>
• HTMLInputElement
• HTMLInputElement.willValidate
• HTMLInputElement.validity
• HTMLInputElement.checkValidity()
• HTMLInputElement.reportValidity()
• HTMLInputElement.setCustomValidity()
• Learn: Client-side form validation
• Guide: Constraint validation
• CSS :valid and :invalid pseudo-classes