Маска ввода телефона на jQuery Input Mask

В разработке сайта без форм не обойтись. При добавлении того или иного поля в форму своего сайта, необходимо показать пользователю, каким образом текстовое поле нужно заполнять.

Например: поле e-mail обязательно требует наличия значка @, телефон должен начинаться на цифры +38 и так далее.

Для решения таких задач существует плагин под названием jquery.inputmask, с помощью которого можно в поле input задать свою маску в нужном нам формате ввода.

Установка маски для ввода телефона

Если нужно ввести сотовый телефон в Украине то формат будет содержать одиннадцать цифр, и начинаться с +38. Пример маски для такого варианта такой:

Установка маски для ввода даты

Дата у нас может вводиться в таких вариантах, например, 01.01.2022 или 01/01/2022. Пример маски для второго варианта:

Допустимые типы ввода данных

• 9 – цифры от 0 до 9.
• a (английская буква) – буквы от A до Z в обоих регистрах.
• * – любой символ из перечисленных в первом и во втором пунктах.

Скачать JS библиотеку jquery.inputmask.js.