магазин кастомных решений для тильды
Здесь собраны самые уникальные решения для тильды, с помощью которых вы сможете расширить функционал своих сайтов
Настройте
Цвета, размеры, поведение в конструкторе ниже
Скопируйте код
Одна кнопка — код в буфере обмена
Вставьте в Tilda
Блок T123 (HTML) на нужной странице

Маски и автоматический формат полей в Tilda

Как задать шаблон ввода для даты, времени, индекса или собственного текстового поля.
Подробнее о модеСвернуть описание

Что умеет мод

  • Автоматически расставляет разделители по выбранному шаблону.
  • Предлагает готовые маски даты, времени, индекса и номера карты.
  • Поддерживает собственный шаблон: # для цифры и A для буквы.
  • Назначает маску по слову в имени переменной или placeholder поля.

Как подключить

Текстовые поля TildaГотовые и свои маскиКод в T123
  1. Подготовьте поля

    Добавьте подходящие текстовые поля в Tilda и задайте различимые имена переменных или подсказки. Для даты и времени используйте поля, в которых можно вводить текст по шаблону.

  2. Создайте правила

    Добавьте маску, укажите слово для поиска поля и выберите тип. В своём шаблоне используйте # для цифр, A для букв; остальные символы будут подставляться автоматически.

  3. Выберите область и установите

    Проверьте селектор форм в «Расширенном». Скопируйте код в T123 после формы и опубликуйте страницу. Не назначайте две разные маски одному полю.

  4. Проверьте ввод и заявку

    Введите значение вручную, вставьте из буфера, удалите несколько символов и повторите на телефоне. Отправьте тестовую заявку и проверьте формат у получателя.

Что учитывать. Маска задаёт формат, но не проверяет существование даты или достоверность значения. Поля со штатной телефонной маской Tilda пропускаются.

Вопросы и ограничения

Как мод находит нужное поле?

По совпадению указанного слова с именем переменной или placeholder без учёта регистра. При нескольких подходящих правилах применяется первое.

Чем отличаются # и A?

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

Проверяется ли реальность даты?

Нет. Значение может соответствовать шаблону и при этом быть неверной датой. Проверку содержимого нужно настраивать отдельно.

Маска номера карты принимает платежи?

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

Доступ к конструктору

Мод доступен по подписке Pro. Войдите в аккаунт, чтобы настроить его и получить код. Действующие условия указаны в тарифах.

Может пригодиться вместе

Made on
Tilda