Маски ввода в Tilda: дата, время и свой формат

В одном и том же поле посетители могут написать дату как «5 мая», «05.05» или «2026-05-05». Если вам нужен один формат, лучше подсказать его прямо при вводе. Например, показать точки и оставить место под день, месяц и год.

Маска помогает вводить значение по образцу. Но она не доказывает, что дата существует или что номер принадлежит человеку. Разберём, где хватает штатной настройки Tilda и когда удобен отдельный мод.

У Tilda есть свои маски и настройки проверки полей. Для обычного телефона сначала проверьте штатный вариант с кодом страны. Для несложной формы этого часто достаточно.

Мод «Маски и автоформат полей» пригодится, когда нужно собрать несколько правил и назначить их определённым текстовым полям. Не ставьте поверх штатной телефонной маски ещё одну: два обработчика могут мешать вводу. Этот мод такие телефонные поля пропускает.

В конструкторе мода знак # означает цифру, а A — букву. Постоянные разделители записываются как есть. Например, для короткого времени образец может выглядеть как ##:##, а для даты — ##.##.####.

Это обозначения именно данного конструктора. В штатной маске Tilda используются свои правила записи, поэтому не переносите образец между ними без проверки. Рядом с полем дайте понятную подсказку: «Дата в формате день.месяц.год».

Мод ищет указанное слово в имени переменной поля или в его подсказке, без учёта регистра. Дайте полям различимые имена. «date_visit» и «time_visit» понятнее для настройки, чем несколько полей с одинаковым названием.

Если одному полю подходят несколько правил, применяется первое. Поэтому не используйте слишком общие слова вроде «a» или «поле». Начните с одной маски на одном поле, а затем добавляйте остальные.

1. Добавьте нужные поля в Tilda и задайте им названия.
2. В конструкторе создайте правило и укажите слово для поиска поля.
3. Выберите тип маски либо напишите свой образец.
4. Ограничьте область форм, если правило нужно не на всей странице.
5. Вставьте код в T123 после формы и опубликуйте страницу.

Проверьте набор с клавиатуры, вставку из буфера, удаление символа в середине и полную очистку. На телефоне важно убедиться, что удобно менять ошибочную цифру.

Строка может подходить под образец и при этом содержать неверное значение. Так, запись из цифр и точек ещё не означает реальную календарную дату. Если от даты зависит запись на услугу, нужна отдельная проверка смысла ответа.

То же относится к контактам. Маска помогает оформить номер, но не подтверждает возможность дозвониться. Не обещайте посетителю «данные проверены» только потому, что он заполнил все места в образце.

После проверки внешнего вида отправьте тестовую заявку с вымышленными данными. Посмотрите, что пришло получателю: сохранены ли разделители, не обрезалось ли значение, соответствует ли название поля его содержимому.

Не используйте обычную форму с маской для приёма реквизитов банковской карты и других платёжных секретов. Ввод по образцу не превращает поле в платёжную форму. Для оплаты выбирайте подключённый платёжный сервис.

Читайте также: Плавающие подписи в Tilda: названия полей всегда видны · Прогресс заполнения формы в Tilda: сколько осталось.