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

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

10910
Маска введення телефону на 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.

Чи допомогла вам стаття?
350 раз вже допомогла
Коментарі: (0)

КАТЕГОРІЇ