Всем привет, никак не могу сообразить, как правильно отправить форму.
Что имею:
Есть сайт квиз, с готовой версткой. Первое, что открывается это 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 или, как отдельный файл, а после того, когда он обработает, он будет отправлять на страницу благодарности?
Простой
