jQuery Input Mask — Маска для полей ввода
Крошечный и простой в использовании плагин jQuery для добавления масок ввода в текстовые поля с использованием атрибута данных Html5. Помогает вам направлять посетителей вводить данные в определенном формате, таком как: номер телефона, дата рождения, почтовый индекс, номер кредитной карты и т. д.
Как реализовать:
1. Разметка html:
1 |
<input type="text" name="phone" data-masked-input="999-999-9999" placeholder="XXX-XXX-XXXX" maxlength="12"> |
2. Инициализация плагина:
1 2 |
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script> <script src="dist/jquery.masked-input.js"></script> |
Вот и всё!