Маска для ввода номера телефона

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

Похожие записи:

Адаптивная reCAPTCHA

Правильное отображение капчи reCAPTCHA на малых экранах и в узких блоках

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

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