Как сделать свой обработчик форм на тильде?

Question

[Сергей Толкачев]

Попался простой заказ: сваять калькулятор и разместить на тильде. Результаты расчета должны отправляться как инфо к заказу - на почту или куда оно там идет. Калькулятор я сваял, все работает. Стал пытаться засунуть в тильду (по другому не скажешь). Работает калькулятор только в том случае, если html+js размещены в zero-блоке (html) или в html. Но взаимодействовать с полями тильды не получается никак.
Что пробовал:
1. Создать обычную форму обратной связи и заполнить поле через

$("куча_id[name='нужный_name']").val("Абырвалг сказал линукс после русификации");// для примера

2. Пробовал отказаться от своего html и пытался брать значения полей конструктора форм. Опять-таки, не получается - ни по id, ни по name. При этом из консоли выполняю тот же код (взять значение поля или заполнить) - работает. Уже просто эксперимента ради вешаю алерт на клик по ссылке (тег а) - не работает.
WTF?

Comments

[Rustam Bainazarov]

https://tilda.cc/ru/answers/a/forms-own-script/

Не оно? :))

[Сергей Толкачев]

Рустам Байназаров, к сожалению, нет, не оно. Это для вебхуков, action формы другой поставить. Мне ж нужно все использовать тильдовское, просто передать данные в поле через js. Иначе калькулятор сам по себе, а форма заказа сама по себе. Смысл от калькулятора тогда?

[Rustam Bainazarov]

Сергей Толкачев, а, к полям по ID не получается записать свои значения, понял. Да, правда странно. Не помню, как там она формы выкатывает на страницу. Не через iframe же. Хотя я не удивлюсь. Либо там стоит что-нибудь, что чистит поле. Через консоль если записать значение в поле — так выходит?

Есть ссылка на ресурс?

[Сергей Толкачев]

Рустам Байназаров, через консоль все получается. Доступ ко всем полям. Чекбоксы у них с z-index: -1, вместо них поверх отображается див какой-то.

[Rustam Bainazarov]

Сергей Толкачев, ну, z-index не может влиять на скрипт, это CSS.

[Сергей Толкачев]

Рустам Байназаров, ссылку сейчас не дам, уже отошёл от компа. У них у input'ов id нет. Классы и name.

[Сергей Толкачев]

Рустам Байназаров, согласен. hirudofarmchel.tilda.ws/. Под ценами

Свои эксперименты я очистил сейчас. На пробу писал $("input[name='totalSum']").val("123"); Не заносит в поле.

[Rustam Bainazarov]

Сергей Толкачев, такого элемента нет

[Rustam Bainazarov]

Сергей Толкачев, или пробуйте вот так обратиться к полю, через обертку с уникальным data-атрибутом:

// Первая форма
$('[data-input-lid="1569596530441"] input').val('1.1. Тест поля имени');
$('[data-input-lid="1569596541330"] input').val('1.2. Тест поля телефона');
$('[data-input-lid="1569596553081"] textarea').val('1.3. Тест поля суммы заказа');

// Вторая форма
$('[data-input-lid="1496238230199"] input').val('2.1. Тест поля телефона');
$('[data-input-lid="1496238250184"] input').val('2.2. Тест поля имени');
$('[data-input-lid="1496238259342"] textarea').val('2.3. Тест поля сообщения');

Так работает.

[Сергей Толкачев]

Рустам Байназаров, во-от, все гениальное просто! Так я тоже пробовал. Правда, копировал полный js-путь.
1. Запускаем код с консоли - все работает, откликается.

2. Этот код помещаем в zero-блок, html.

3. И даже не забываю опубликовать его.

4. И что мы видим? Код в теле страницы есть, но не выполняется по document.ready.


В чем и проблема. Из консоли работает. Когда я js-кодом не взаимодействую с полями тильды - все работает.

[Сергей Толкачев]

Рустам Байназаров, если повесить алерт по клику не на форму - взаимодействие есть.

$("div[field='li_title__1568125422683']").click(function(){alert(123);});

Пару раз удалось повесить алерт по клику на textarea.

Методом тыка удалось выяснить, что тип блока CN501N - контакты и форма в 2 колонки позволяют с собой реагировать. Для проверки переносил значение поля из input в textarea. А по сути такая же форма в zero-блоке - нет.

$("[data-input-lid='1569596530441'] input").keyup(function(){
    var a = $("[data-input-lid='1569596530441'] input").val();
    $("[data-input-lid='1569596553081'] textarea").val(a);
});

Заменял data-input-lid на соответствующие. При запуске из консоли код работает. Просто код в теле страницы - нет.

[Rustam Bainazarov]

Сергей Толкачев, пришлите полный JS-код, который у вас отвечать за это счастье.

[Сергей Толкачев]

Рустам Байназаров, https://web-tolk.ru/calc/

[Сергей Толкачев]

Рустам Байназаров, проблема решена. Переписал все заново, но уже прямиком на тильде. Может кэш, может где-то что-то упустил. Сейчас все работает. Спасибо за уделенное внимание.

Answer 1

[MorganDusty]

Tilda для не-опытных юзеров, если хочешь свои формы иди на хостинг и твори чудеса)

Comments

[Сергей Толкачев]

На тот момент все решилось. На тильде на js можно делать небольшие чудеса. У клиента была тильда.