Как правильно отправить форму?

Question

[Михаил Мишутка]

Всем привет, никак не могу сообразить, как правильно отправить форму.
Что имею:
Есть сайт квиз, с готовой версткой. Первое, что открывается это index.html, после нажатия на кнопку открывается test.html, все данные с этой страницы нужно отправить на почту, после завершения теста и нажатия на кнопку открывается страница с вводом данных - result.php, здесь тоже нужно данные отправить на почту. По сути объединить с предыдущими в одно письмо и уже после ввода открывается окно благодарности. Но не могу сообразить, как правильно настроить это, плохо знаю php и js.

Вот код test.html:

<form action="result.php" method="post">
<div class="swiper-container" id="jsMainslider">
<div class="swiper-wrapper">
Здесь идут вопросы!
</div>
</div>
</form>

Вот основной код result.php:

<div class="endform container">
		<div class="endform__title">Если при расчете стоимости у менеджера возникнут вопросы, он вам презвонит по указанному номеру</div>
		<form action="ok.html" class="endform__form" method="post">
			<div class="endform__line">
				<input type="tel" name="phone" value="" placeholder="Введите ваш телефон" required="">
				<span class="endform__tip">Все скидки и бонусы закрепляются за указанным номером телефона</span>
			</div>
			<div class="endform__line">
				<input type="email" name="email" value="" placeholder="Введите ваш E-mail" required="">
				<span class="endform__tip">На указанный эл.адрес придут все бонусные материалы</span>
			</div>
			<div class="endform__line endform__submit">
				<input type="hidden" name="quest1" value="Ничего не введено">
				<input type="hidden" name="quest2" value="Ничего не введено">
				<input type="hidden" name="quest3" value="Ничего не введено">
				<input type="hidden" name="quest4" value="Ничего не введено">
				<input type="hidden" name="quest5" value="Ничего не введено">
				<input type="hidden" name="quest6" value="Ничего не введено">
				<input type="submit" value="Получить материалы" class="button endform-button">
				<label for="endform__access">
					<input id="endform__access" checked="" required="" type="checkbox" name="endform-access" value="yes">
					<span>Я принимаю условия передачи информации</span>
				</label>
			</div>
		</form>
	</div><!-- /endform -->

Вот основной код main.js

//Проверка галочки
        $('.accepter', this).css({ "color": "#d8d8d8" });
        if( !( $('.accepter input').is(":checked") ) ){
            $('.accepter', this).css({ "color": "red" });
        }
        else{
            var form_data = $(this).serialize(); //собераем все данные из формы
            $.ajax({
                type: "POST", //Метод отправки
                url: "mail.php", //путь до php фаила отправителя
                data: form_data,
                beforeSend: function(){
                    $('.form-error').html('<img id="imgcode" src="images/loader.gif">');
                },
                success: function(data) {
                    //код в этом блоке выполняется при успешной отправке сообщения
                    if(data){
                        $('.form-error').html("").html(data);
                    }
                    else{
                        window.location.replace('ok.html');
                    }
                },
            });
        } // else
    });

а обработчика к сожалению нет, но я и не понимаю, куда его нужно вставить? в файл result.php или, как отдельный файл, а после того, когда он обработает, он будет отправлять на страницу благодарности?

Answer 1

[atawerrus]

Обработчик отправки нужно написать самому. Ссылку на роут где производится отправка на почту, нужно вставить в js файл в else в параметр url.