Latest web development tutorials
 

Input Text pattern Property

< Input Text Object

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

Internet Explorer Firefox Opera Google Chrome Safari

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