Перейти к содержимому
Забрать бесплатно
Модификации выключены. Так эта страница выглядит на обычной Тильде.
РАЗДЕЛ КАТАЛОГА · КОД ОТКРЫТ

Формы и квизы на Тильде: что проверяется, а что нет

Форма Тильды проверяет, что поле заполнено, что в почте есть собака, и ставит маску телефона по стране. Чего она не делает — не считает, сколько в номере цифр: маска показывает формат, но короткий номер уходит на сервер. Квиз у Тильды свой тоже есть, отдельным классом. В разделе — мод, который добавляет форме проверку, и шесть разборов: телефон, чекбокс согласия, экран после отправки, баллы в квизе.

СОБРАНО
5 модов
ОБЪЯВЛЕНО
0 модов
БЛОКИ ТИЛЬДЫ
4
РАЗБОРОВ
9
Собрано 5 КОД ОТКРЫТ · ПРОВЕРЕН НА ЖИВОЙ ТИЛЬДЕ

Моды раздела, у которых есть код

Сверка с кодом Тильды ИМЕНА ФУНКЦИЙ — ЧТОБЫ МОЖНО БЫЛО ПРОВЕРИТЬ

Что из этого Тильда делает сама

Про формы и квизы у Тильды написано много, поэтому здесь только то, что видно в её собственном коде.

MOD-118 · Квиз в один экран
ДЕЛАЕТ САМА

Квиз у Тильды свой есть, и рантайм формы отличает его от обычной формы: от этого зависит, каким показать экран после отправки.

ГДЕ ЭТО В РАНТАЙМЕ

`t_forms__isQuiz` ищет у поля родителя с классом `.t-quiz` в `tilda-forms-1.0.min.js`; про тот же класс знают попап, корзина, обрезка текста и «недокрут» — пять файлов рантайма, каждый со своей веткой под квиз.

ЧЕГО В РОДНОЙ ВЕРСИИ НЕТ

Шагов и прогресса в файле форм нет: `step`, `progress` и `score` не встречаются в нём ни разу. Отдельного файла про квиз в сохранённом корпусе рантайма тоже нет, так что сверено это по форме, а не по самому блоку квиза, — родной квиз может уметь больше, чем здесь видно.

MOD-072 · Проверка телефона
ДЕЛАЕТ САМА

Проверяет телефон правилом `phone` — из каких символов набран номер и нет ли явного мусора вида 000 и 111 — и умеет ставить маску по стране, со списком стран и подстановкой кода.

ГДЕ ЭТО В РАНТАЙМЕ

Правило `phone` — в рантайме форм; маска живёт отдельным файлом `tilda-phone-mask-1.1.min.js`: `t_form_phonemask__getCountriesList` собирает страны, `t_form_phonemask__getMinMaxLength` и `t_form_phonemask__changeMinLength` считают допустимую длину под выбранный шаблон.

ЧЕГО В РОДНОЙ ВЕРСИИ НЕТ

Длину номера правило `phone` не смотрит: «+7 999» проходит проверку и уходит в заявку. Маска короткий номер не пропустит — но она одна на поле и под одну страну, а значит на форме, куда пишут из разных стран, один шаблон на всех не годится. Ради этого случая мод и нужен.

MOD-173 · Выбор периода в форме
ДЕЛАЕТ САМА

Даёт форме поле одной даты, читает его через t_datepicker__readDateFromInput и оставляет проверку формату t_datepicker__isDateValid. Форменный API умеет безопасно записывать значение и уведомлять форму об изменении.

ГДЕ ЭТО В РАНТАЙМЕ

`t_datepicker__readDateFromInput`, `t_datepicker__isDateValid`, `t_formsApi__safeSetValue` и `t_formsApi__safeValue` в рантайме форм Тильды.

ЧЕГО В РОДНОЙ ВЕРСИИ НЕТ

Одно поле даты не выбирает диапазон, не считает минимальный срок и не исключает заданные дни. Связи с реальной системой бронирования у браузерного поля всё равно нет.

MOD-188 · Защита от дублей и простого спама
ДЕЛАЕТ САМА

Сама блокирует повторный клик на кнопке состоянием отправки и предлагает CAPTCHA для защиты от спама.

ГДЕ ЭТО В РАНТАЙМЕ

`t_forms__initBtnDblClick`, `tildaSendingStatus` и события `tildaform:*` в `tilda-forms-1.0.min.js`.

ЧЕГО В РОДНОЙ ВЕРСИИ НЕТ

Родная блокировка не сравнивает payload между событиями и не даёт дизайнеру honeypot с прозрачным локальным правилом.

MOD-189 · Результат квиза по баллам
ДЕЛАЕТ САМА

Сериализует ответы, исключает скрытые условием поля, отправляет скрытые поля и сообщает об успехе/ошибке событиями формы.

ГДЕ ЭТО В РАНТАЙМЕ

`t_serializeArray`, `t_forms__getConditionCheckHandler`, `tildaform:aftersuccess` и `tildaform:aftererror` в `tilda-forms-1.0.min.js`.

ЧЕГО В РОДНОЙ ВЕРСИИ НЕТ

Сумму баллов и выбор результата по диапазону штатный квиз не выполняет.

@BUTON_SUPPORT

Нужно то, чего в разделе нет?

Опишите, что должно происходить на странице. Ответим, делается ли это настройками Тильды — тогда подскажем бесплатно, — или нужен код, и во что он укладывается.

Написать в телеграм Мод под задачу
ПН–ПТ 10:00–20:00 МСК · СБ 12:00–18:00