Как задать фиксированный формат ввода данных

Что такое маска ввода данных, как настроить и для чего используется.
Чтобы данные, которые отправляют люди через форму передавались в жестко заданном формате, нужно добавить маску ввода данных для поля.
Маска — способ форматирования данных. Она подсказывает человеку в каком виде нужно ввести данные, каким должно быть количество символов и не дает заполнить поле иначе.

В Тильде есть два типа масок: автоматическая маска с кодами стран для номеров телефонов и настраиваемая маска для остальных случаев.
Маска нужна в случаях, когда требуется строгий формат даты, например, ГОД/МЕСЯЦ/ДЕНЬ или чтобы вводимое число содержало заданное количество символов (например, номер ИНН).

Применение маски снижает количество ошибок и упрощает опыт пользователя.

Чтобы сделать маску, откройте меню «Контент» блока с формой, добавьте поле типа «Телефон» или «Поле ввода в одну строку» и задайте формат данных (маску):
Как задавать настраиваемую маску:
9 — обозначает цифру (0-9) (человек не сможет ввести другой символ, например, букву)
a — обозначает букву: A-Z,a-z (посетитель не сможет ввести другой символ, например, число)
* — любой символ (A-Z,a-z,0-9)

Примеры:
Дата 99/99/9999
Телефон (999) 999-9999
Номер карты: 9999-9999-9999-9999
Автоматическая маска с кодом страны
Для номеров телефонов доступна автоматическая маска с выбором телефонного кода страны. Ее удобно использовать при приеме контактов от клиентов из разных стран.

Добавьте автоматическую маску в Контенте блока → тип поля «Телефон» → Автоматическая маска с кодом страны.
Если не задавать определенную страну вручную и оставить пустым поле "Код страны по умолчанию", то код страны будет определяться автоматически для посетителя сайта в зависимости от его страны.
Важно: Настраиваемая маска определяет тип символа и количество символов. Если нужна менее строгая проверка, например, чтобы люди вводили цифры в поле с номером телефона, а в поле email указывали именно адрес с @, используйте правило валидации. Правило валидации позволяет проверить вводимые данные на соответствие типу данных: буквы в поле «Имя», цифры в поле «Телефон» и т.д.
Made on
Tilda