A plugin to restrict the input of a text field and allow a user to easily enter data in a specified pattern. Some example patterns include phone numbers, dates, social security, etc. Here is a collection of predefined masks and what they represent:

• X - Represents an alpha character (A-Z,a-z)
• 9 - Represents a numeric character (0-9)
• • • Represents an alphanumeric character (A-Z,a-z,0-9)

• jQuery 1.7.2 or above

Start off by including jQuery and the masked input javascript files on the page.

<script src="jquery-1.7.2.js"></script>
<script src="jquery.masked-input.js"></script>

Add a data-masked-input attribute on the input field and set the desired pattern.

<input type="text" data-masked-input="999-999-9999">

See more examples in the demo folder.

It has been tested and is supported in IE8+, Firefox, Chrome, Safari and Opera.

Copyright © MCD Partners
Licensed under the MIT license.