June 24, 2018

 

Simple AJAX PHP Email Form with Validation

Author: 

SiteBeginner.com

Description: 

Creating a PHP email script which has both form validation and AJAX loading (which means the form will be submitted without the page being reloaded).



Kind:

HTML, PHP

HTML:

 
            
 
            Enter your details below to get in touch:
 
            * Your Name
            
 
            
            * Email
            
 
            
            * Phone
            
 
            
            Subject
            
              Feedback
              Question
              Contribute
            
 
            
            * Your comments
            
 
            

* Are you human?

 
               3 + 7 =
            
 
            
 
            
 
            

PHP:

function isEmail($email) {
return(preg_match("/^[-_.[:alnum:]]+@((([[:alnum:]]|[[:alnum:]][[:alnum:]-]*[[:alnum:]])\.)+(ad|ae|aero|af|ag|ai|al|am|an|ao|aq|ar|arpa|as|at|au|aw|az|ba|bb|bd|be|bf|bg|bh|bi|biz|bj|bm|bn|bo|br|bs|bt|bv|bw|by|bz|ca|cc|cd|cf|cg|ch|ci|ck|cl|cm|cn|co|com|coop|cr|cs|cu|cv|cx|cy|cz|de|dj|dk|dm|do|dz|ec|edu|ee|eg|eh|er|es|et|eu|fi|fj|fk|fm|fo|fr|ga|gb|gd|ge|gf|gh|gi|gl|gm|gn|gov|gp|gq|gr|gs|gt|gu|gw|gy|hk|hm|hn|hr|ht|hu|id|ie|il|in|info|int|io|iq|ir|is|it|jm|jo|jp|ke|kg|kh|ki|km|kn|kp|kr|kw|ky|kz|la|lb|lc|li|lk|lr|ls|lt|lu|lv|ly|ma|mc|md|me|mg|mh|mil|mk|ml|mm|mn|mo|mp|mq|mr|ms|mt|mu|museum|mv|mw|mx|my|mz|na|name|nc|ne|net|nf|ng|ni|nl|no|np|nr|nt|nu|nz|om|org|pa|pe|pf|pg|ph|pk|pl|pm|pn|pr|pro|ps|pt|pw|py|qa|re|ro|ru|rw|sa|sb|sc|sd|se|sg|sh|si|sj|sk|sl|sm|sn|so|sr|st|su|sv|sy|sz|tc|td|tf|tg|th|tj|tk|tm|tn|to|tp|tr|tt|tv|tw|tz|ua|ug|uk|um|us|uy|uz|va|vc|ve|vg|vi|vn|vu|wf|ws|ye|yt|yu|za|zm|zw)$|(([0-9][0-9]?|[0-1][0-9][0-9]|[2][0-4][0-9]|[2][5][0-5])\.){3}([0-9][0-9]?|[0-1][0-9][0-9]|[2][0-4][0-9]|[2][5][0-5]))$/i",$email));
}
if (!defined("PHP_EOL")) define("PHP_EOL", "
");

$name = $_POST['name'];
$email = $_POST['email'];
$phone = $_POST['phone'];
$subject = $_POST['subject'];
$comments = $_POST['comments'];
$verify = $_POST['verify'];

if(trim($name) == '') {
echo '

Whoops! You must enter your name.

';
exit();
} else if(trim($email) == '') {
echo '

Oops! Please enter a valid email address.

';
exit();
} else if(trim($phone) == '') {
echo '

Uh oh! Please enter a valid phone number.

';
exit();
} else if(!is_numeric($phone)) {
echo '

Yikes! Phone number can only contain digits.

';
exit();
} else if(!isEmail($email)) {
echo '

Sorry! You have enter an invalid e-mail address, try again.

';
exit();
}

if(trim($subject) == '') {
echo '

Eek! Please enter a subject.

';
exit();
} else if(trim($comments) == '') {
echo '

Oh no! Please enter your message.

';
exit();
} else if(!isset($verify) || trim($verify) == '') {
echo '

Forgot something? Please enter the verification number.

';
exit();
} else if(trim($verify) != '4') {
echo '

Shucks! The verification number you entered is incorrect.

';
exit();
}
$msg = wordwrap( $e_body . $e_content . $e_reply, 70 );

$headers = "From: $email" . PHP_EOL;
$headers .= "Reply-To: $email" . PHP_EOL;
$headers .= "MIME-Version: 1.0" . PHP_EOL;
$headers .= "Content-type: text/plain; charset=utf-8" . PHP_EOL;
$headers .= "Content-Transfer-Encoding: quoted-printable" . PHP_EOL;

if(mail($address, $e_subject, $msg, $headers)) {

// Email has sent successfully, so let the user know.

echo "

";
echo "

";
echo "

Thanks for getting in touch!

";
echo "

Thanks $name! Your message has been sent and we'll be in touch soon.<

";
echo "

";
echo "

";

} else {

echo 'Something went wrong!';

}

URL: