Хочешь прокачать Тильду фичами? Воспользуйся расширением →
Close
Главная страница — Автоматически заполнять поля форм сохранёнными данными

Автоматически заполнять поля форм сохранёнными данными

Проблема
Нужно для того, чтобы пользователь не вводил данные, а просто нажал кнопку на уже предзаполненной его данными форме.
Данный код нужно указать в блок (Другое ⟶ T123 ⟶ HTML-код)
<!-- Код для сохранения данных из любой обычной формы -->

<script>
$(document).ready(function() {
    setTimeout(function() {
        $(".js-form-proccess").each(function(index, form) {
            var $form = $(form);
            var formSuccessCallback = $form.data("success-callback");

            var cachedCallback = window[formSuccessCallback];
            window[formSuccessCallback] = (function() {
                return function() {
                    $($form.serializeArray()).each(function(i, el) {
                        if(el.name.indexOf("form-spec-") === -1 && (el.name.indexOf("tildaspec-") === -1 || el.name === "tildaspec-phone-part[]") && el.name.indexOf("formservices") === -1) {
                            if(el.value !== "") {
                                localStorage.setItem(el.name, el.value);
                            }
                        }
                    });

                    return cachedCallback($form);
                };
            })();
            
            $.each(window.localStorage, function(name, value) {
                if(name === "tildaspec-phone-part[]") {
                    setTimeout(function() {
                        $('[name="' + name + '"]').val(value);
                        $('.t-input-phonemask').trigger('input');
                    }, 1000);
                }
                $('[name="' + name + '"]').val(value);
                $('[type="radio"][value="' + value + '"]').prop("checked", true);
            });
        });
    }, 500);
});
</script>

Посмотреть как работает:

!
Введите какой-нибудь текст в форму ниже, нажмите отправить, а потом обновите страницу — данные должны появиться в этой форме.
Это тестовая форма, данные с неё никуда не передаются ✨
Обычное поле
Поле в несколько строк
Варианты

Похожее по теме «Заполнение полей формы в Тильде»