FREE Web Template Download
HTML CSS JAVASCRIPT SQL PHP BOOTSTRAP JQUERY ANGULARJS TUTORIALS REFERENCES EXAMPLES Blog
 

Input URL pattern Property

Input URL Object Reference Input URL Object

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

Property
pattern Yes 10.0 Yes Not supported Yes

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 Reference Input URL Object