Html как не очищать поля при отправке формы?

Question

[krispey102]

Есть форма, если человек заполнил поля и нажал "отправить" - то форма очищает поля, как сделать чтобы после отправки поля оставались такими же какие были и до отправки ?

Comments

[Глеб Старков]

Отправляйте AJAX-ом

[Глеб Старков]

У вас не "форма очищает поля", а страница перезагружается.
Есть два варианта:

1. Передать полученные поля с сервера обратно и вывести их в форме.
2. Или отправлять данные аяксом, как я уже говорил, тогда страница не будет перезагружаться.

[krispey102]

Глеб Старков, а как сделать первым методом? 1. Передать полученные поля с сервера обратно и вывести их в форме.

[Глеб Старков]

krispey102, а в чём именно проблема?
Поля можно, например, в сессию записать, а при перезагрузке страницы из сессии получить.

[krispey102]

Глеб Старков, есть страница с формой, и при отправке срабатывает следующий код:

ob_get_clean();
        echo json_encode([
            'status' => false,
            'title' => "Failure",
            'msg' => "Confirm that you are not a robot",
            ]);
        die();

я как понимаю - ob_get_clean(); чистит все поля при отправке, но если убрать этот ob_get_clean(); то popup о успешной/не успешной отправки формы не появится

[Глеб Старков]

krispey102, Нет, этот метод не чистит поля в форме.
У вас, кстати, ответ отправляется JSON-ом.
Похоже, что у вас уже отправка идёт через аякс. Тогда не знаю, почему форма чистится.

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

[krispey102]

Глеб Старков, нашел аякс для этой формы, но тут вроде ничего нету чтобы очищались поля:

e.preventDefault(), s.inner.submitCallback = function () {
                    var e = new FormData(s.form.parent[0]);
                    $.ajax({
                        url: s.form.parent.attr("action"),
                        method: "post",
                        data: e,
                        cache: !1,
                        contentType: !1,
                        processData: !1,
                        success: function (e) {
                            console.log(e);
                            var t = $.parseJSON(e), i = '<div class="is-popup is-style">';
                            i += '<div class="is-popup__inner">', i += '<h4 class="is-popup__title">' + (t.title ? t.title : "") + "</h4>", i += '<p class="is-popup__text">' + t.msg + "</p>", i += "</div>", i += "</div>", s.form.parent[0].reset(), $.fancybox.close(), $.fancybox.open(i), s.form.moduleParent.removeClass(s.form.progressFormClass), $("." + s.form.submitLinkClass).removeClass(s.form.progressButtonClass), t.status && (t.callback ? (gtag("event", "event_name", {
                                event_category: "Contact_us",
                                event_action: "send"
                            }), ym(53110486, "reachGoal", "Contact_us")) : (gtag("event", "event_name", {
                                event_category: "Review",
                                event_action: "send"
                            }), ym(53110486, "reachGoal", "Review"))), s.form.parent.find('input[name="g-recaptcha-response"]').remove()
                        },
                        error: function (e) {
                            console.log(e), s.form.parent.find('input[name="g-recaptcha-response"]').remove()
                        }
                    })
                }, o.eventFormSubmit()

[krispey102]

а нет, вот s.form.parent[0].reset() который очищает поля. разобрался

Answer 1

[historydev]

<form onSubmit="(e) => e.preventDefault()"/>