kunalvarma05/index.htm

## index.htm
<!DOCTYPE HTML>
<html>
<head>
<title>Welcome to my Website</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="send.js"></script>
</head>
<body>
<h1>A Simple AJAX Contact Form</h1>
<form method="post" action="" id="contact_form">
<input type="text" name="name" placeholder="Name" id="name">
<input type="email" name="email" placeholder="Email" id="email">
<textarea name="message" placeholder="Message" id="message"></textarea>
<input type="submit" value="Send">
</form>
<span id="notice" style="display:none;">Thanks. We will get back to you soon.</span>
</body>
</html>

## save.php
<?php
//Get the Form Values
if (isset($_POST['name']) {
    if(empty($_POST['name']) || empty($_POST['email']) || empty($_POST['message'])){
        return FALSE;
    }else{
    //Make Variables Safe
    mysql_connect('localhost', 'root', 'password');
    $name = mysql_real_escape_string(trim($_POST['name']);
    $email = mysql_real_escape_string(trim($_POST['email']);
    $message = mysql_real_escape_string(trim($_POST['message']);
    $query = 'INSERT INTO contacts ('name', 'email', 'message') VALUES("'.$name.'", "'.$email.'", "'.$message.'")';
    $result = mysql_query($query) or die(mysql_error());
}
}else {
   header('Location: index.htm');
}
?>

## send.js
$('#contact_form').submit(function() {
		var name = $("#name").val();
		var email = $("#email").val();
		var message = $("#message").val();
var dataString = 'name=' + name + '&email=' + email + '&message=' + message;
		$.ajax({
			type : "POST",
			url : "save.php",
			data : dataString,
			cache : false,
			success : function() {
					$("#contact_form").fadeOut(300);
                                        $("#notice").fadeIn(400);
			}
		});
  return false;
});
	<!DOCTYPE HTML>
	<html>
	<head>
	<title>Welcome to my Website</title>
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
	<script type="text/javascript" src="send.js"></script>
	</head>
	<body>
	<h1>A Simple AJAX Contact Form</h1>
	<form method="post" action="" id="contact_form">
	<input type="text" name="name" placeholder="Name" id="name">
	<input type="email" name="email" placeholder="Email" id="email">
	<textarea name="message" placeholder="Message" id="message"></textarea>
	<input type="submit" value="Send">
	</form>
	<span id="notice" style="display:none;">Thanks. We will get back to you soon.</span>
	</body>
	</html>
	<?php
	//Get the Form Values
	if (isset($_POST['name']) {
	if(empty($_POST['name']) \|\| empty($_POST['email']) \|\| empty($_POST['message'])){
	return FALSE;
	}else{
	//Make Variables Safe
	mysql_connect('localhost', 'root', 'password');
	$name = mysql_real_escape_string(trim($_POST['name']);
	$email = mysql_real_escape_string(trim($_POST['email']);
	$message = mysql_real_escape_string(trim($_POST['message']);
	$query = 'INSERT INTO contacts ('name', 'email', 'message') VALUES("'.$name.'", "'.$email.'", "'.$message.'")';
	$result = mysql_query($query) or die(mysql_error());
	}
	}else {
	header('Location: index.htm');
	}
	?>
	$('#contact_form').submit(function() {
	var name = $("#name").val();
	var email = $("#email").val();
	var message = $("#message").val();
	var dataString = 'name=' + name + '&email=' + email + '&message=' + message;
	$.ajax({
	type : "POST",
	url : "save.php",
	data : dataString,
	cache : false,
	success : function() {
	$("#contact_form").fadeOut(300);
	$("#notice").fadeIn(400);
	}
	});
	return false;
	});