jQuery Masked Input Plugin позволяет создавать произвольные маски для вводимых данных в форму, например: дата, телефон, серийный номер и т.д.

Установка:

Подключаем библиотеку jQuery и плагин jquery.maskedinput:

Далее для инпута c id="phone" создаем маску:

Значения для создания маски:

a — буквы алфавита (A-Z,a-z)

9 — цифры (0-9)

* — буквы и цифры (A-Z,a-z,0-9)

Настройки:

По умолчанию если пользователь не завершил ввод данных, они сбрасываются. Для отмены убираем очистку поля:

По умолчанию на место ввода значения ставится знак подчеркивания, для его замены нужно прописать свой placeholder:

Плагин также может выполнить функцию после завершения ввода:

Пример:
Автор плагина Josh Bush

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

Ваш комментарий отправлен!