Input Text pattern Property
Example
Get the value of the pattern attribute of a text field:
var x = document.getElementById("myText").pattern;
The result of x will be:
[A-Za-z]{3}
Try it Yourself »
Definition and Usage
The pattern property sets or returns the value of the pattern attribute of a text field.
The pattern attribute specifies a regular expression that the text field's value is checked against.
Tip: Use the global HTML title attribute or the DOM title property to describe the pattern to help the user.
Tip: Learn more about Regular Expressions in our JavaScript Tutorial.
Tip: Also see our Complete JavaScript RegExp Reference.
Browser Support
The pattern property is supported in Internet Explorer 10, Firefox, Opera, and Chrome.
Note: The pattern property is not supported in Internet Explorer 9 and earlier versions, or in Safari.
Syntax
Return the pattern property:
textObject.pattern
Set the pattern property:
textObject.pattern=regexp
Property Values
| Value | Description |
|---|---|
| regexp | Specifies a regular expression that the text field's value is checked against |
Technical Details
| Return Value: | A String, representing a regular expression |
|---|
More Examples
Example
Set the pattern of a text field to only contain numbers from 1 to 3:
document.getElementById("myText").pattern = "[1-3]";
Try it Yourself »
Related Pages
HTML reference: HTML <input> pattern attribute
Input Text Object
