mail sending using Ajax & php on form submit using jquery.
->A. Here I am using jquery.js in index.php if you don’t have then don’t worry,
go to google.com and search ” jquery.js download” easilly found
and save it with this name jquery.js in same folder/directory where is your index.php and mail.php.
->B. Here I am using jquery.form.js in index.php if you don’t have then don’t worry,
go to http://malsup.com/jquery/form/#download and found here “jquery.form.js” easilly found
and save it with this name jquery.form.js in same folder/directory where is your index.php and mail.php.
Suppose if you don’t able to found above file then please write me I will provide you.
½. Now Below code Save As index.php
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.form.js"></script><!--This plugin require if form is submitted-->
<script type="text/javascript">
function send_mail20()
{
//alert("Hi");
//name email heading content
var errorJs = "";
//alert("name="+$('#name').val());
var name=$('#name').val();
if($('#name').val()=="")
{
errorJs = " Error: Name required !! ";
}
if($('#email').val()=="")
{
errorJs+= "\n Error: Email required !! ";
}
var email=$('#email').val();
var emailFormat = /^\w(\.?[\w-])*@\w(\.?[\w-])*\.[a-zA-Z]{2,6}(\.[a-zA-Z]{2})?$/i;
if(email!= "")
{
var eres=email.search(emailFormat);
if(eres == -1)
{
//alert("Please Enter Valid Email..");
errorJs+="\n Error: Email not valid. Only valid email required.. !!";
//document.form1.email.focus();
//return false;
}
}
var subject=$('#subject').val();
if(($('#subject').val()=="") || ($('#subject').val()=="0"))
{
errorJs+= "\n Error: Subject required !! ";
}
var content=$('#content').val();
if($('#content').val()=="")
{
errorJs+= "\n Error: Content required !! ";
}
if(errorJs != "")
{
alert(errorJs);
return false;
}
//alert('name='+name+'&email='+email+'&subject='+subject+'&content='+content);
$.ajax({
type: 'POST',
url: 'mail.php',
data: 'name='+name+'&email='+email+'&subject='+subject+'&content='+content,
success: function(msg) {
//alert(msg);
var emsg = new String(msg);
//alert(emsg);
if (emsg.match('error:')) {
var etmp = emsg.split(':');
//alert(etmp[1]);
} else {
$('#main_form').fadeOut(200);
$('<div id="success_msg_contact"></div').insertAfter('#about_content_p');
$('#success_msg_contact').html(msg);
}
}
});
}
$(document).ready(function() {
var options = {
target:'#returnFromAjax',
success:showResponse,
beforeSubmit: validForm1
};
$('#form1').ajaxForm(options);
});
function validForm1()
{
var errorJs="";
var name=$('#name').val();
if($('#name').val()=="")
{
errorJs = " Error: Name required !! ";
}
if($('#email').val()=="")
{
errorJs+= "\n Error: Email required !! ";
}
var email=$('#email').val();
var emailFormat = /^\w(\.?[\w-])*@\w(\.?[\w-])*\.[a-zA-Z]{2,6}(\.[a-zA-Z]{2})?$/i;
if(email!= "")
{
var eres=email.search(emailFormat);
if(eres == -1)
{
//alert("Please Enter Valid Email..");
errorJs+="\n Error: Email not valid. Only valid email required.. !!";
//document.form1.email.focus();
//return false;
}
}
var subject=$('#subject').val();
if(($('#subject').val()=="") || ($('#subject').val()=="0"))
{
errorJs+= "\n Error: Subject required !! ";
}
var content=$('#content').val();
if($('#content').val()=="")
{
errorJs+= "\n Error: Content required !! ";
}
if(errorJs != "")
{
alert(errorJs);
return false;
}
}
function showResponse(responseText, statusText){
//alert('status: ' + statusText + '\n\nresponseText: \n' + responseText +
//'\n\nThe output div should have already been updated with the responseText.');
//status: success
ar = statusText.split(':');
if(ar[0] == "success")
{
//alert("success to send");
}
ar = responseText.split(':');
//alert(ar[3]);
}
</script>
<form method="post" id="form1" action="mail.php">
<label>Your Name:</label><input type="text" name="name" id="name"/>
<br>
<label>Your E-mail:</label><input type="text" name="email" id="email"/>
<br>
<label>Message Subject:</label>
<select id="subject" name="subject">
<option value="0">Choose a subject</option>
<option value="1">subject1</option>
<option value="2">subject2</option>
<option value="3">subject3</option>
<option value="4">subject4</option>
</select>
<br>
<label>Message Content:</label>
<textarea name="content" id="content" cols="25" rows="5"></textarea>
<div class="clear"></div>
<div class="form-post">
<input type="submit" name="send" value="send" />
<input name="reset" type="reset" value="reset" />
</div>
<div id="returnFromAjax">Here result comes from ajax</div>
</form>
2/2. Now Below code Save As mail.php
<?php
//echo "name:$_POST[name]:email:$_POST[email]:subject:$_POST[subject]:content:$_POST[content]";
function is_valid_email($email)
{
$result = TRUE;
if(!eregi("^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,4})$", $email))
{
$result = FALSE;
}
return $result;
}
if($_POST["send"]=="send")
{
$name = $_POST['name'];
$email = $_POST['email'];
$subject = $_POST['subject'];
$content = $_POST['content'];
$name = preg_replace("/\&(\^;)+;/","",$name);//remove unwanted garbage
$name = preg_replace("/^\s+|\s+$/","",$name);//remove white space first and last
$email = preg_replace("/\&(\^;)+;/","",$email);//remove unwanted garbage
$email = preg_replace("/^\s+|\s+$/","",$email);//remove white space first and last
$subject = preg_replace("/\&(\^;)+;/","",$subject);//remove unwanted garbage
$subject = preg_replace("/^\s+|\s+$/","",$subject);//remove white space first and last
$content = preg_replace("/\&(\^;)+;/","",$content);//remove unwanted garbage
$content = preg_replace("/^\s+|\s+$/","",$content);//remove white space first and last
$msg="";
if(is_valid_email($email))
{
}
else
{
$msg="error:Valid email required-$email";
echo $msg;
}
//sending mail start
$to='jaybharatjay@gmail.com';
/* mail sub part start*/
$headers = "MIME-Version: 1.0\r\n";
$headers .= "Content-type: text/html; charset=iso-8859-1\r\n";
$headers .= "To: $to <$to>\r\n";
$headers .= "From: bharatbaba Mailing System <$email>\r\n";
$headers .= "Cc: jaybharatjay@yahoo.co.in\r\n";
$headers .= "Bcc: jaybharatjay@gmail.com\r\n";
$maistatus = @mail($to, $subject, $content, $headers);
if($maistatus)
{
echo "<br><strong>your message be delivered.</strong>";
}
else
{
echo "<br><strong>Unfortunately, your message could not be delivered.<br>Please Check Localhost or Website</strong>";
}
}
else
{
echo "You can't access direct this page";
}
?>
Now you are ready for run it index.php
