Hi,
I am new with jQuery. I copied an open source code for sending a contact us form using jQuery. You can see the form at Website at the bottom right side yellow box.
The input fields are as follows: Name, Email, Tel, Comments.
This is my JS file the validates the form and sends to PHP file.
1. $(document).ready(function() {
//if submit button is clicked
$('#send_form').click(function () {
function validEmail(str) {
return (str.indexOf(".") > 2) && (str.indexOf("@") > 0);
}
//Get the data from all the fields
var name = $('input[name=contact_name]');
var email = $('input[name=contact_email]');
var phone = $('input[name=contact_tel]');
var comment = $('textarea[name=contact_message]');
//Simple validation to make sure user entered something
//If error found, add hightlight class to the text field
if (name.val()=='') {
name.addClass('hightlight');
return false;
} else name.removeClass('hightlight');
if ((email.val()=='') || (email.val().indexOf("@")==-1) || (email.val().indexOf(".")==-1)) {
email.addClass('hightlight');
return false;
} else email.removeClass('hightlight');
if (phone.val()=='') {
phone.addClass('hightlight');
return false;
} else phone.removeClass('hightlight');
if (comment.val()=='') {
comment.addClass('hightlight');
return false;
} else comment.removeClass('hightlight');
//organize the data properly
var data = 'name=' + name.val() + '&email=' + email.val() + '&phone=' + phone.val() + '&comment=' + encodeURIComponent(comment.val());
//disabled all the text fields
$('.text').attr('disabled','true');
//show the loading sign
$('.loading').show();
//start the ajax
$.ajax({
//this is the php file that processes the data and send mail
url: "/includes/jquery/process_form.php",
//GET method is used
type: "POST",
//pass the data
data: data,
//Do not cache the page
cache: false,
//success
success: function (html) {
//if process_form.php returned 1/true (send mail success)
if (html==1) {
//hide the form
$('#contact_form').fadeOut('slow');
//show the success message
$('#contact_done').fadeIn('slow');
//if process_form.php returned 0/false (send mail failed)
} else {
alert('111Sorry, unexpected error. Please try again later.');
}
}
});
//cancel the submit button default behaviours
return false;
});
});
This is my PHP form that handles the form itself:
1. <?php
require("../phpmailer/class.phpmailer.php"); //Change this to the path to the phpmailer class as stipulated by Brinkster
function mymailer ($useremail=1, $subject, $message, $useremail_bcc=1) {
$mail = new PHPMailer();
$mail->IsSMTP(); // set mailer to use SMTP
$mail->Host = "localhost"; // change this to Brinkster host
$mail->SMTPAuth = true; // turn on SMTP authentication
$mail->Username = "admin@orchot-hagilboa.com"; // SMTP username
$mail->Password = "xxxxx"; // SMTP password
$mail->CharSet = 'utf-8'; //for hebrew only
$mail->From = "admin@orchot-hagilboa.com";
$mail->FromName = "Orchot Hagilboa";
if($useremail == 1){
$mail->AddAddress('info@orchot-hagilboa.com');
} else {
$mail->AddAddress($useremail);
}
if($useremail_bcc != 1){ //send emails to multiple address
foreach(array_keys($useremail_bcc) as $name) { // now loop through the combined results get NAME & EMAIL
foreach($useremail_bcc[$name] as $email) {
#echo $name.' - '.$email.'<br/>';
$mail->AddBCC($email);
}
}
}
$mail->IsHTML(true);
$mail->Subject = $subject;
$mail->Body = $message;
if(!@$mail->Send()) {
echo "Message could not be sent. <p>";
echo "Mailer Error: " . $mail->ErrorInfo;
exit;
}
}
//Retrieve form data.
//GET - user submitted data using AJAX
//POST - in case user does not support javascript, we'll use POST instead
$name = ($_POST['name']) ? $_POST['name'] : $_POST['name'];
$email = ($_POST['email']) ?$_POST['email'] : $_POST['email'];
$phone = ($_POST['phone']) ?$_POST['phone'] : $_POST['phone'];
$comment = ($_POST['comment']) ?$_POST['comment'] : $_POST['comment'];
//flag to indicate which method it uses. If POST set it to 1
if ($_POST) $post=1;
//Simple server side validation for POST data, of course,
//you should validate the email
if (!$name) $errors[count($errors)] = 'Please enter your name.';
if (!$email) $errors[count($errors)] = 'Please enter your email.';
//if (!$phone) $errors[count($errors)] = 'Please enter your phone.';
if (!$comment) $errors[count($errors)] = 'Please enter your comment.';
//if the errors array is empty, send the mail
if (!$errors) {
//recipient - change this to your name and email
$from = $name . ' <' . $email . '>';
//subject and the html message
$subject = 'צור קשר מ'.$name;
$message = '
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head></head>
<body>
<table>
<tr><td>שם</td><td>' . $name . '</td></tr>
<tr><td>מייל</td><td>' . $email . '</td></tr>
<tr><td>טל</td><td>' . $phone . '</td></tr>
<tr><td>הודעה</td><td>' . nl2br($comment) . '</td></tr>
</table>
</body>
</html>';
//send the mail
$result = mymailer($from, $subject, $message);
if ($result) return 1;
else return 0;
//if POST was used, display the message straight away
if ($_POST) {
if ($result) echo 'Thank you! We have received your message.';
else echo '222Sorry, unexpected error. Please try again later';
//else if GET was used, return the boolean value so that
//ajax script can react accordingly
//1 means success, 0 means failed
} else {
echo $result;
}
//if the errors array has values
} else {
//display the errors message
for ($i=0; $i<count($errors); $i++) echo $errors[$i] . '<br/>';
echo '<a href="form.php">Back</a>';
exit;
}
?>
I don't understand why it is not working. It is not sending me an email.
thanks