ReadonlybadThe read-only badInput property of the ValidityState interface indicates if the user has provided input that the browser is unable to convert. For example, if you have a number input element whose content is a string.
ReadonlycustomThe read-only customError property of the ValidityState interface returns true if an element doesn't meet the validation required in the custom validity set by the element's setCustomValidity() method.
ReadonlypatternThe read-only patternMismatch property of the ValidityState interface indicates if the value of an , after having been edited by the user, does not conform to the constraints set by the element's pattern attribute.
ReadonlyrangeThe read-only rangeOverflow property of the ValidityState interface indicates if the value of an , after having been edited by the user, does not conform to the constraints set by the element's max attribute.
ReadonlyrangeThe read-only rangeUnderflow property of the ValidityState interface indicates if the value of an , after having been edited by the user, does not conform to the constraints set by the element's min attribute.
ReadonlystepThe read-only stepMismatch property of the ValidityState interface indicates if the value of an , after having been edited by the user, does not conform to the constraints set by the element's step attribute.
ReadonlytooThe read-only tooLong property of the ValidityState interface indicates if the value of an or
ReadonlytooThe read-only tooShort property of the ValidityState interface indicates if the value of an ,
ReadonlytypeThe read-only typeMismatch property of the ValidityState interface indicates if the value of an , after having been edited by the user, does not conform to the constraints set by the element's type attribute.
ReadonlyvalidThe read-only valid property of the ValidityState interface indicates if the value of an element meets all its validation constraints, and is therefore considered to be valid.
ReadonlyvalueThe read-only valueMissing property of the ValidityState interface indicates if a required control, such as an ,
The
ValidityStateinterface represents the validity states that an element can be in, with respect to constraint validation. Together, they help explain why an element's value fails to validate, if it's not valid.MDN Reference