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

interface ValidityState {
    badInput: boolean;
    customError: boolean;
    patternMismatch: boolean;
    rangeOverflow: boolean;
    rangeUnderflow: boolean;
    stepMismatch: boolean;
    tooLong: boolean;
    tooShort: boolean;
    typeMismatch: boolean;
    valid: boolean;
    valueMissing: boolean;
}

Properties

badInput: boolean
customError: boolean
patternMismatch: boolean
rangeOverflow: boolean
rangeUnderflow: boolean
stepMismatch: boolean
tooLong: boolean
tooShort: boolean
typeMismatch: boolean
valid: boolean
valueMissing: boolean