-
-
Save zunayed-arp/6c6918ba6e24e9903ee5b49aaffb8c30 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
PHP Code: | |
-------------- | |
<?php | |
// Only process POST reqeusts. | |
if ($_SERVER["REQUEST_METHOD"] == "POST") { | |
// Get the form fields and remove whitespace. | |
$name = strip_tags(trim($_POST["name"])); | |
$name = str_replace(array("\r","\n"),array(" "," "),$name); | |
$email = filter_var(trim($_POST["email"]), FILTER_SANITIZE_EMAIL); | |
$lname = trim($_POST["lname"]); | |
$subject = trim($_POST["subject"]); | |
$message = trim($_POST["message"]); | |
// Check that data was sent to the mailer. | |
if ( empty($name) OR empty($subject) OR empty($lname) OR empty($message) OR !filter_var($email, FILTER_VALIDATE_EMAIL)) { | |
// Set a 400 (bad request) response code and exit. | |
http_response_code(400); | |
echo "Please complete the form and try again."; | |
exit; | |
} | |
// Set the recipient email address. | |
// FIXME: Update this to your desired email address. | |
$recipient = "[email protected]"; | |
// Set the email subject. | |
$subject = "New contact from $name"; | |
// Build the email content. | |
$email_content = "First Name: $name\n"; | |
$email_content = "Last Name: $lname\n"; | |
$email_content .= "Email: $email\n\n"; | |
$email_content .= "Subject: $subject\n\n"; | |
$email_content .= "Message:\n$message\n"; | |
// Build the email headers. | |
$email_headers = "From: $name <$email>"; | |
// Send the email. | |
if (mail($recipient, $subject, $email_content, $email_headers)) { | |
// Set a 200 (okay) response code. | |
http_response_code(200); | |
echo "Thank You! Your message has been sent."; | |
} else { | |
// Set a 500 (internal server error) response code. | |
http_response_code(500); | |
echo "Oops! Something went wrong and we couldn't send your message."; | |
} | |
} else { | |
// Not a POST request, set a 403 (forbidden) response code. | |
http_response_code(403); | |
echo "There was a problem with your submission, please try again."; | |
} | |
?> | |
Ajax jQuery | |
---------------------- | |
$(function() { | |
// Get the form. | |
var form = $('#contact-form'); | |
// Get the messages div. | |
var formMessages = $('.form-message'); | |
// Set up an event listener for the contact form. | |
$(form).submit(function(e) { | |
// Stop the browser from submitting the form. | |
e.preventDefault(); | |
// Serialize the form data. | |
var formData = $(form).serialize(); | |
// Submit the form using AJAX. | |
$.ajax({ | |
type: 'POST', | |
url: $(form).attr('action'), | |
data: formData | |
}) | |
.done(function(response) { | |
// Make sure that the formMessages div has the 'success' class. | |
$(formMessages).removeClass('error'); | |
$(formMessages).addClass('success'); | |
// Set the message text. | |
$(formMessages).text(response); | |
// Clear the form. | |
$('#contact-form input,#contact-form textarea').val(''); | |
}) | |
.fail(function(data) { | |
// Make sure that the formMessages div has the 'error' class. | |
$(formMessages).removeClass('success'); | |
$(formMessages).addClass('error'); | |
// Set the message text. | |
if (data.responseText !== '') { | |
$(formMessages).text(data.responseText); | |
} else { | |
$(formMessages).text('Oops! An error occured and your message could not be sent.'); | |
} | |
}); | |
}); | |
}); | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment