Открытие попап после отправки почты. Что нужно написать в коде?

Question

[UncleMisha]

В данном коде указана скачка файла на 33 строчке "window.location = '/fileform/file/file.pdf';", а как сделать так?:

(function ($) {
    $(".contact-form").submit(function (event) {
        event.preventDefault();
        let form = $('#' + $(this).attr('id'))[0];
        let fd = new FormData(form);
        let inpName = $(this).find('.contact-form__input_name').val();
        let inpTel = $(this).find('.contact-form__input_tel').val();
        let inpNameMsgs = $(this).find('.contact-form__msgs-name');
        let inpTelMsgs = $(this).find('.contact-form__msgs-tel');
        if (inpName.length === 0 || inpTel.length === 0) {
            if (inpName.length === 0) {
                inpNameMsgs.text('Введите имя');
            }
            if (inpTel.length === 0) {
                inpTelMsgs.text('Введите телефон');
            }
        } else {
            $.ajax({
                url: "/fileform/php/contact-form.php",
                type: "POST",
                data: fd,
                processData: false,
                contentType: false,
                success: function success(res) {
                    if (res === 'notName') {
                        inpNameMsgs.text('Введите имя');
                    } else if (res === 'notTel') {
                        inpTelMsgs.text('Введите телефон');
                    } else if (res === 'successmsgs') {
                        inpNameMsgs.text('');
                        inpTelMsgs.text('');
                        setTimeout(() => {
                            window.location = '/fileform/file/file.pdf';
                        }, 1000);
                    }
                },
            });
        }

    });
}(jQuery));

Я не знаю JS извините))) Заранее всем спасибо за ответ. Пример работы - test.pchelkaservis.kz

Comments

[Павел]

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

[UncleMisha]

Павел, Я вообще не понял о чем Вы, оскорбления с Вашей стороны вообще не понятны, в доказательство того что я не школьник - https://vk.com/mihanik1

[Павел]

UncleMisha, я не в коем случае не хотел вас оскорблять .
нужна - нужно
на 33 строчки - строчке
а по вашему коду нужно после
else if (res === 'successmsgs') {
написать то действие которое должно произойти на странице , хоть popup , хоть что угодно

[UncleMisha]

Павел, За грамматические ошибки извините я всегда имел проблемы с правописанием так как печатаю очень быстро и не когда не проверяю текст.

нужна - нужно
на 33 строчки - строчке

- тут Вы совершенно правы перечитав текст я удостоверился в своих ошибка.

а по вашему коду нужно после

спасибо, но ответ на вопрос я уже получил. Но в любом случае спасибо что помогли.

Answer 1

[Антон]

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

success: function success(res) {
else if (res === 'successmsgs') {
$('.popup-selector').showPopup();
}}

ЧТо за попап у вас используется и как заполняется, я понятия не имею, это вам нужно самим подумать, но псевдокод я вам скинул

Comments

[UncleMisha]

Ага спасибо это я понял и теперь еще маленький вопрос здесь:

success: function success(res) {
else if (res === 'successmsgs') {
$('.popup-selector').showPopup(); //  .popup-selector - это класс попапа правильно?
}}

[Антон]

UncleMisha, Верно. Можете сверстать собственное окно, поставить его куда-нибудь вниз перед скриптами, сделать блок по умолчанию скрытым, и показывать после отправки.
$('.block').show(500);

[UncleMisha]

Антон, Спасибо.