我试图让表单不提交到 send_email.php,而是留在同一页面上。另外,我希望错误显示在输入框下。(如果我了解如何保持页面不刷新,我想我可以犯错误)
我一直在阅读我应该使用 AJAX 的 stackoverflow,但我不知道如何开始。
形式:
<form name="contactform" method="post" action="send_email.php">
<table>
<tr>
<td><label for="name">Name:</label></td>
<td><input type="text" name="name" /></td>
</tr>
<tr>
<td><label for="email">Email:</label></td>
<td><input type="text" name="email" /></td>
</tr>
<tr>
<td><label for="phone">Phone:</label></td>
<td><input type="text" name="phone" /></td>
</tr>
<tr>
<td> </td>
<td><input class="button" type="submit" value="Submit" /></td>
</tr>
</table>
</form>
发送电子邮件.php:
<?php
if(isset($_POST['email'])) {
$email_to = "example@example.com";
$email_subject = "Form Subject";
function died($error) {
echo $error."<br /><br />";
die();
}
// validation expected data exists
if(!isset($_POST['name']) ||
!isset($_POST['email']) ||
!isset($_POST['phone']))
{
died('We are sorry, but there appears to be a problem with the form you submitted.');
}
$first_name = $_POST['name']; // required
$email_from = $_POST['email']; // required
$telephone = $_POST['phone']; // required
$error_message = "";
$email_exp = '/^[A-Za-z0-9._%-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,4}$/';
if(!preg_match($email_exp,$email_from)) {
$error_message .= 'Enter a valid email.<br />';
}
$string_exp = "/^[A-Za-z .'-]+$/";
if(!preg_match($string_exp,$first_name)) {
$error_message .= 'Enter a valid name.<br />';
}
if(strlen($telephone) != NULL || strlen($telephone) != "") {
$error_message .= 'Enter valid phone.<br />';
}
if(strlen($error_message) > 0) {
died($error_message);
}
$email_message = "Form details below.\n\n";
function clean_string($string) {
$bad = array("content-type","bcc:","to:","cc:","href");
return str_replace($bad,"",$string);
}
$email_message .= "Name: ".clean_string($first_name)."\n";
$email_message .= "Email: ".clean_string($email_from)."\n";
// create email headers
$headers = 'From: '.$email_from."\r\n".
'Reply-To: '.$email_from."\r\n" .
'X-Mailer: PHP/' . phpversion();
@mail($email_to, $email_subject, $email_message, $headers);
?>
<b>Thank you!</b>.
<?php
}
?>