Input URL pattern Property
Example
Get the value of the pattern attribute of a URL field:
var x = document.getElementById("myURL").pattern;
The result of x will be:
https?://.+
Try it yourself »
Definition and Usage
The pattern property sets or returns the value of the pattern attribute of a URL field.
The pattern attribute specifies a regular expression that the URL 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:
urlObject.pattern
Set the pattern property:
urlObject.pattern=regexp
Property Values
| Value | Description |
|---|---|
| regexp | Specifies a regular expression that the URL field's value is checked against |
Technical Details
| Return Value: | A String, representing a regular expression |
|---|
More Examples
Example
Set the pattern of a URL field to only accept URL's that start with http(s)://www.facebook.com/:
document.getElementById("myURL").pattern = "http://www\.facebook\.com\/(.+)|https://www\.facebook\.com\/(.+)";
Try it yourself »
Related Pages
HTML reference: HTML <input> pattern Attribute
Input URL Object
