jQuery Input Mask — Маска для полей ввода

Крошечный и простой в использовании плагин jQuery для добавления масок ввода в текстовые поля с использованием атрибута данных Html5. Помогает вам направлять посетителей вводить данные в определенном формате, таком как: номер телефона, дата рождения, почтовый индекс, номер кредитной карты и т. д.

Как реализовать:

1. Разметка html:

<input type="text" name="phone" data-masked-input="999-999-9999" placeholder="XXX-XXX-XXXX" maxlength="12">

2. Инициализация плагина:

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="dist/jquery.masked-input.js"></script>

Вот и всё!

delux

Предлагаю делиться опытом в сфере сайтостроения!

Читайте также:

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.