@Novamoscow

Попап уведомление после отправки формы?

Форма находится в попапе, когда нажимаю кнопку отправить у меня всплывает попап уведомление(спасибо за заявку). Но само действие отправки формы сразу закрывает его.

Как это можно исправить ?

Нужно чтобы данные отправились и попап - спасибо остался.

Как это все сделано можно посмотреть на сайте alexandrbm5.ru (нажав в шапке на кнопку задать вопрос)
Код JS (постарался расставить комментарии, чтобы этот огромный код был понятнее)

/*popup*/
const links_zv = document.querySelectorAll(".popup-btn-zv");
const links_ok = document.querySelectorAll(".popup-btn-ok");
const links_u = document.querySelectorAll(".popup-btn-u");

var popup_zv = document.querySelector(".popup-zv");
var popup_ok = document.querySelector(".popup-ok");
var login = popup_zv.querySelector("[name=name]");
var popup_bg = document.querySelector(".popup-bg");
var popup_u = document.querySelector(".popup-notice");

/*попап задать вопрос*/
for (let link_zv of links_zv) {

    link_zv.addEventListener("click", function (event) {
        console.log("задвать вопрос");
        event.preventDefault();
        popup_zv.classList.toggle("popup-show");
        popup_bg.classList.toggle("popup-bg-show");
        login.focus();

    });
}



/*попап уведомление*/
for (let link_u of links_u) {

    link_u.addEventListener("click", function (event) {
        console.log("уведомление");
        /*event.preventDefault();*/
        popup_u.classList.toggle("popup-show");
        /*popup_bg.classList.toggle("popup-bg-show");*/
        login.focus();

    });
}
  • Вопрос задан
  • 272 просмотра
Пригласить эксперта
Ответы на вопрос 1
Rou1997
@Rou1997
Реализовать отправку через AJAX, а не form action.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы