My code below works and the form data is sent. However the code to reset the form and show/fade in the success message is not
<?php
require("class.phpmailer.php");
$mail = new PHPMailer();
// Validation without reload
if ($_POST) {
// SMTP & Sendgrid settings
$mail->IsSMTP();
$mail->Host = "smtp.site.com";
$mail->Port = "587";
$mail->SMTPAuth = "true"; // Enable SMTP authentication
$mail->Username = "username";
$mail->Password = "password";
$mail->SMTPSecure = ''; // Enable encryption, 'ssl' also accepted
// Email headers and body
$mail->SetFrom("email@email.com");
$mail->AddAddress("email@email.com");
$mail->Subject = "Message from site.com";
$mail->WordWrap = 50;
// Form fields
$FirstName = $_POST['FirstName'];
$LastName = $_POST['LastName'];
$Company = $_POST['Company'];
$JobTitle = $_POST['JobTitle'];
$Email = $_POST['Email'];
$Phone = $_POST['Phone'];
$Message = $_POST['Message'];
// Assign variables to body. ALWAYS after the variables are assigned.
$mail->Body = "You have a new message from your contact form on ShipmentHQ.com \n First Name: $FirstName \n Last Name: $LastName \n Company: $Company \n Job Title: $JobTitle \n Email: $Email \n Phone: $Phone \n Message: $Message";
if(!$mail->Send()) {
alert('Thanks, your message has been sent.');
echo 'Mailer error: ' . $mail->ErrorInfo;
}
else {
alert('Your message has not been sent.');
}
}
?>
What am I doing wrong with this? The if(!$mail->Send()) { from the php doesnt even work, is there a way to refactor it so I don't need the javascript?
<script>
$(document).ready(function() {
$("#ContactForm").validate({
submitHandler: function() {
//submit the form
$.post("<?php echo $_SERVER[PHP_SELF]; ?>", //post
$("#ContactForm").serialize(),
function(data){
//if message is sent
if (data == 'Sent') {
$("#message").fadeIn(); //show confirmation message
$("#ContactForm")[0].reset(); //reset fields
}
//
});
return false; //don't let the page refresh on submit.
}
}); //validate the form
});
</script>