Куда прописать alert, что данные отправлены?
"use strict" document.addEventListener('DOMContentLoaded', function () { const form = document.getElementById('form'); form.addEventListener('submit', formSend); async function formSend(e) { e.preventDefault(); let error = formValidate(form); let formData = new FormData(form); if (error === 0) { let response = await fetch('mail.php', { method: 'POST', body: formData }); if (response.ok) { let result = await response.json(); alert(result.message); formPreview.innerHTML = ''; form.reset(); } else { alert("Ошибка") } }else{ alert ('Заполните обязательные поля') } } function formValidate(form) { let error = 0; let formReq = document.querySelectorAll('._req'); for (let index = 0; index < formReq.length; index++) { const input = formReq[index]; formRemoveError(input); if (input.classList.contains('_email')) { if (emailTest(input)){ formAddError(input); error++; } } else if (input.getAttribute("type")==="checkbox" && input.checked === false) { formAddError(input); error++; }else{ if (input.value === '') { formAddError(input); error++; } } } return error; } function formAddError(input) { input.parentElement.classList.add('_error'); input.classList.add('_error'); } function formRemoveError(input) { input.parentElement.classList.remove('_error'); input.classList.remove('_error'); } /* функция проверки емайл */ function emailTest(input) { return !/^w+([.-]?w+)*@w+([.-]?w+)*(.w{2,8})+$/.test(input.value); } }); |
"use strict" document.addEventListener('DOMContentLoaded', function () { const form = document.getElementById('form'); form.addEventListener('submit', formSend); async function formSend(e) { e.preventDefault(); let error = formValidate(form); let formData = new FormData(form); if (error === 0) { let response = await fetch('mail.php', { method: 'POST', body: formData }); if (response.ok) { let result = await response.json(); alert(result.message); formPreview.innerHTML = ''; form.reset(); } else { alert("Ошибка") } }else{ alert ('Заполните обязательные поля') } } function formValidate(form) { let error = 0; let formReq = document.querySelectorAll('._req'); for (let index = 0; index < formReq.length; index++) { const input = formReq[index]; formRemoveError(input); if (input.classList.contains('_email')) { if (emailTest(input)){ formAddError(input); error++; } } else if (input.getAttribute("type")==="checkbox" && input.checked === false) { formAddError(input); error++; }else{ if (input.value === '') { formAddError(input); error++; } } } return error; } function formAddError(input) { input.parentElement.classList.add('_error'); input.classList.add('_error'); } function formRemoveError(input) { input.parentElement.classList.remove('_error'); input.classList.remove('_error'); } /* функция проверки емайл */ function emailTest(input) { return !/^w+([.-]?w+)*@w+([.-]?w+)*(.w{2,8})+$/.test(input.value); } });
<?php $recepient = "andrey56.89@mail.ru"; $siteName = "HPL"; $name = trim($_POST["name"]); $phone = trim($_POST["phone"]); $email = trim($_POST["email"]); $message = "Имя: $name nТелефон: $phonenE-mail:$email"; $pagetitle = "Заявка с сайта "$siteName""; mail($recepient, $pagetitle, $message, "Content-type: text/plain; charset="utf-8"n From: $recepient"); ?> |
<?php $recepient = "andrey56.89@mail.ru"; $siteName = "HPL"; $name = trim($_POST["name"]); $phone = trim($_POST["phone"]); $email = trim($_POST["email"]); $message = "Имя: $name nТелефон: $phonenE-mail:$email"; $pagetitle = "Заявка с сайта "$siteName""; mail($recepient, $pagetitle, $message, "Content-type: text/plain; charset="utf-8"n From: $recepient"); ?>
Дополнительно:
Ответы:
Так он уже есть
if (response.ok) { // ... alert(result.message); |
if (response.ok) { // ... alert(result.message);
- Stalker_RED, вы не понимаете - это другое!
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для того чтобы вы могли отобразить сообщение "Данные отправлены" после успешной отправки данных, вам необходимо использовать JavaScript. Чтобы показать сообщение в виде всплывающего окна (alert), вы можете использовать следующий код:
// После успешной отправки данных alert("Данные отправлены");
Однако, учтите, что использование всплывающих окон (alert) может быть раздражающим для пользователей, так как это прерывает их работу на сайте. Вместо этого, рекомендуется использовать более элегантные способы отображения сообщений, такие как всплывающие уведомления или интеграцию с интерфейсом вашего сайта.
Например, вы можете создать HTML элемент для отображения сообщения:
<div id="message"></div>
И использовать JavaScript для добавления текста в этот элемент после успешной отправки данных:
// После успешной отправки данных document.getElementById("message").innerText = "Данные отправлены";
Таким образом, вы сможете сообщить пользователю о том, что данные успешно отправлены, не прерывая его работы на сайте.