В настоящее время я работаю над своим первым веб-сайтом для клиента, таким образом, совершенно новым для PHP. Страница находится в сети, однако форма электронной почты, кажется, ничего не делает, кроме обновления страницы. Я поставил условное выражение в конце php-файла, чтобы оно отображалось как успешное или неудачное, но, похоже, оно ничего не делает. Я не могу точно определить, где я иду не так.
HTML
<form id="my_form" onsubmit="submitForm(); return false;">
<p> <label>First Name</label>
<input type="text" name="first_name" id="firstName" required>
</p>
<p> <label>Last Name</label>
<input type="text" name="last_name" id="lastName" required> </p>
<p> <label>Phone Number</label>
<input type="text" name="phone_number" id="phoneNumber" required>
</p>
<p> <label>Email Address</label>
<input type="email" name="email_address" id="emailAddress"
required> </p>
<p class="full"> <label>Message</label>
<textarea name="message" rows="5" id="message" required>
</textarea> </p>
<p class="full">
<button id="button" type="submit" value="Submit Form"><span
id="status"></span>Email</button>
</p>
</form>
JS
function _(id){ return document.getElementById(id); }
function submitForm(){
_("button").disabled = true;
_("status").innerHTML = 'please wait ...';
var formdata = new FormData();
formdata.append( "name", _("name").value );
formdata.append( "lastName", _("lastName").value );
formdata.append( "phoneNumber", _("phoneNumber").value );
formdata.append( "emailAddress", _("emailAddress").value );
formdata.append( "message", _("message").value );
var ajax = new XMLHttpRequest();
ajax.open( "POST", "index.php" );
ajax.onreadystatechange = function() {
if(ajax.readyState == 4 && ajax.status == 200) {
if(ajax.responseText == "success"){
_("my_form").innerHTML = '<h2>Thank you '+_("name").value +', your message has been sent.</h2>';
} else {
_("status").innerHTML = ajax.responseText;
_("button").disabled = false;
}
}
}
ajax.send( formdata );
}
PHP
<?php
if( isset($_POST['name']) && isset($_POST['lastName']) && isset($_POST['phoneNumber']) && isset($_POST['emailAddress']) && isset($_POST['message']) ){
$name = $_POST['name'];
$lastName = $_POST['lastName'];
$phoneNumber = $_POST['phoneNumber'];
$emailAddress = $_POST['emailAddress'];
$message = nl2br($_POST['message']);
$to = "info@glaucomaspecialists.com";
$from = $emailAddress;
$subject = 'Schedule Inquiry';
$message = "<b>Name:</b> '.$name.' <b>LastName:</b> '.$lastName.' <br><b>Phone:</b> '.$phoneNumber' <b>Email:</b> '.$emailAddress.' <p>'.$message.'</p>";
$headers = "From: $from\n";
$headers .= "MIME-Version: 1.0\n";
$headers .= "Content-type: text/html; charset=iso-8859-1\n";
if( mail($to, $subject, $message, $headers) ){
echo "success";
} else {
echo "The server failed to send the message. Please try again later.";
}
}
?>