HTMLInputElement: pattern property
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.
Thepattern property of theHTMLInputElement interface represents aregular expression a non-null<input> value should match. It reflects the<input> element'spattern attribute.
Thepattern property is valid fortext,search,url,tel,email, andpassword types. It defines a regular expression that the input'svalue must match in order for the value to passconstraint validation.
If a non-null value doesn't conform to the constraints set by thepattern value, theValidityState object's read-onlypatternMismatch property will be true.
In this article
Value
A string.
Examples
js
const inputElement = document.getElementById("year");console.log(input.pattern);Specifications
| Specification |
|---|
| HTML> # dom-input-pattern> |
Browser compatibility
See also
<input>HTMLInputElement.value- Client-side validation
:validand:invalidpseudo-classes