Latest web development tutorials

×

JavaScript Reference

JavaScript

JS String JS Number JS Operators JS Statements JS Math JS Date JS Array JS Boolean JS RegExp JS Global JS Conversion

Browser BOM

Window Navigator Screen History Location

HTML DOM

DOM Document DOM Elements DOM Attributes DOM Events DOM Style

HTML Objects

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Other Objects

CSSStyleDeclaration

Input Search pattern Property

< Input Search Object

Example

Get the value of the pattern attribute of a search field:

var x = document.getElementById("mySearch").pattern;

The result of x will be:

[^'\x22]+

Try it Yourself »

Definition and Usage

The pattern property sets or returns the value of the pattern attribute of a search field.

The pattern attribute specifies a regular expression that the search 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:

searchObject.pattern

Set the pattern property:

searchObject.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

Related Pages

HTML reference: HTML <input> pattern attribute

< Input Search Object