Маска ввода
Маски ввода для текстовых полей
Применение масок ввода у полей квиза значительно упрощает их использование, уменьшает количество ошибок и приводит отправленные данные к единому формату.
Статические маски
Статические маски
Основные маскировки, данные маски определены и не будут меняться во время ввода:
- 9 - числовая
- a - алфавитный
- * - буквенно - цифровая
- h - числовая, но блокирует ввод восьмерки
- L - латиница [A-Za-z0-9]
- C - кириллица [А-Яа-я0-9]
Числовая:
99Алфавитный:
aaБуквенно - цифровая:
**Числовая, но блокирует ввод восьмерки:
hhЛатиница (буквенно - цифровая):
LLКириллица (буквенно - цифровая):
CCДополнительные маски
Можно определить некоторые части маски как необязательные, заверните символ или символы в квадратные скобки - [].
Пример:
99[9]-99Динамические маски
Если во время ввода необходимо динамическое меняющиеся маска, рядом символом или числом дописать фигурные скобки с условием - {}:
- {n} - n повторов
- {n,m} - с n по m повторов (работает только с числовой маской - 9)
Пример:
Статическая маска с динамическим синтаксисом:
aa-9{4}aa-9B{4}Динамическая маска - от 1 до 4 раз:
aa-9{1,4}Маска электронной почты:
*{1,20}[.*{1,20}][.*{1,20}][.*{1,20}]@*{1,20}[.*{2,6}][.*{1,2}]Логическая маска
В случае если необходимо ввести один из нескольких вариантов, то для этого предусмотрена маска - |
Пример:
a|9(aaa)|(999)(aaa|999|9AA)9|(Y|y)|@Экранировать символ маски
В случае если необходимо вывести символы: a, 9 и *., не как маску, а как символ. То для экранирование предусмотрена маска - \
\9\a\*-9a*Примеры ввода
Номер телефона
+7 (999) 999-99-99Данная маска иногда вызывает потерю клиента, некоторые люди не видят +7 и пишут 8903... в итоге теряется последняя цифра телефона.
Лучше использовать другую маску c блокировкой первой цифры 8:
+7 (h99) 999-99-99Электронная почта
*{1,20}[.*{1,20}][.*{1,20}][.*{1,20}]@*{1,20}[.*{2,6}][.*{1,2}]emailДата и время
DD.MM.YYYY (25.10.2017)99.99.999999.99.9999 99:99Номер карты
9999 9999 9999 9999Паспорт
Серия, номер99-99 999999999-999999999999999999-999-999 99Реквизиты организации
ИНН организации999999999999999999999999999999999999999999999904999999999999 999 9 9999 9999999Транспортные средства
Водительское удостоверение99 ** 99999999 99 999999aaa 9999999999vinИнтернет и сети
URL-адреса:urlipmacВалюта
99[.99]currency