---
title: "ValidityState | JavaScript maps SDK"
description: "Documentation for MapTiler SDK"
---
> For AI agents: a documentation index is available at [/llms.txt](https://docs.maptiler.com/llms.txt). Markdown versions of all pages are available by appending .md to any URL.
# Interface ValidityState
The **`ValidityState`** interface 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](https://developer.mozilla.org/docs/Web/API/ValidityState)
interface ValidityState {
[badInput](#badinput): boolean;
[customError](#customerror): boolean;
[patternMismatch](#patternmismatch): boolean;
[rangeOverflow](#rangeoverflow): boolean;
[rangeUnderflow](#rangeunderflow): boolean;
[stepMismatch](#stepmismatch): boolean;
[tooLong](#toolong): boolean;
[tooShort](#tooshort): boolean;
[typeMismatch](#typemismatch): boolean;
[valid](#valid): boolean;
[valueMissing](#valuemissing): boolean;
}
##### Index
### Properties[](#properties)
[badInput](#badinput) [customError](#customerror) [patternMismatch](#patternmismatch) [rangeOverflow](#rangeoverflow) [rangeUnderflow](#rangeunderflow) [stepMismatch](#stepmismatch) [tooLong](#toolong) [tooShort](#tooshort) [typeMismatch](#typemismatch) [valid](#valid) [valueMissing](#valuemissing)
## Properties[](#properties-1)
### `Readonly`badInput[](#badinput)
badInput: boolean
The 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.
[MDN Reference](https://developer.mozilla.org/docs/Web/API/ValidityState/badInput)
### `Readonly`customError[](#customerror)
customError: boolean
The 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.
[MDN Reference](https://developer.mozilla.org/docs/Web/API/ValidityState/customError)
### `Readonly`patternMismatch[](#patternmismatch)
patternMismatch: boolean
The 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.
[MDN Reference](https://developer.mozilla.org/docs/Web/API/ValidityState/patternMismatch)
### `Readonly`rangeOverflow[](#rangeoverflow)
rangeOverflow: boolean
The 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.
[MDN Reference](https://developer.mozilla.org/docs/Web/API/ValidityState/rangeOverflow)
### `Readonly`rangeUnderflow[](#rangeunderflow)
rangeUnderflow: boolean
The 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.
[MDN Reference](https://developer.mozilla.org/docs/Web/API/ValidityState/rangeUnderflow)
### `Readonly`stepMismatch[](#stepmismatch)
stepMismatch: boolean
The 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.
[MDN Reference](https://developer.mozilla.org/docs/Web/API/ValidityState/stepMismatch)
### `Readonly`tooLong[](#toolong)
tooLong: boolean
The read-only **`tooLong`** property of the ValidityState interface indicates if the value of an or , after having been edited by the user, exceeds the maximum code-unit length established by the element's maxlength attribute.
The read-only
tooShortproperty of the ValidityState interface indicates if the value of an ,