PHP 表單提交警報不起作用（無 ajax）

Question

這是我在 StackOverflow 上的第一個問題 - 提前感謝您的幫助！

我有一個 html 表格，提交后會通過電子郵件發送給我。 表單提交成功，但我希望它在重新加載頁面之前通過彈出警告框顯示提交確認消息。 任何幫助表示贊賞 - 不過，我現在要說我不打算使用 AJAX 因為我還不熟悉。 謝謝！

HTML：

<form method="post" action="php/contactForm.php">
    <p class="formBox" id="nameBox">Name:</br><input type="text" id="contactName" name="contactName"></p>
    <p class="formBox" id="emailBox">Email:</br><input type="email" id="contactEmail" name="contactEmail"></p>
    <p>Message:</br><textarea id="contactMessage" name="contactMessage"></textarea></p>
    <p><input type="submit" name="submit"></p>
</form>

“contactForm.php”中的 PHP：

<?php

$name = $_POST['contactName'];
$email = $_POST['contactEmail'];
$message = $_POST['contactMessage'];

$body = $name . "\n" . $email . "\n\n" . wordwrap($message);

$alert = "<script>alert('Thank you for reaching out! Someone will be in touch soon.')</script>";
echo $alert;

mail('email@notmyactualemail.com', 'New Message from Website Contact Form!', $body);
header("Location: ../connect.html");

?>

ps 如果知道有幫助，我將托管在 GoDaddy 上。

Answer 1

AJAX 無需刷新頁面即可運行代碼。 您現在擁有的 PHP 代碼將在頁面重新加載后運行。 因此，沒有 AJAX 就無法在頁面重新加載之前發送真正的確認消息。

但是，您可以使用 javascript onsubmit屬性在提交表單后發出確認警報，但這並不能保證表單確實提交時沒有錯誤。 這是一個例子：

 document.getElementById("myForm").onsubmit = function(){ window.alert("This is the confirmation message;\n\nThank you for submitting"); }

 <form action="www.example.com" id="myForm" method="POST"> <input type="text"> <input type="submit"> </form>