Comments on: How To Create Your Own Ajax Contact Form

By: keco -

keco - — Thu, 06 Nov 2008 06:12:34 +0000

Hi… Thanks to you. Your post solved my problem with jquery.

By: ashvin - http://www.islanzilla.com

ashvin - http://www.islanzilla.com — Thu, 30 Oct 2008 17:57:47 +0000

Theres a typing error in:
”
Step 2 – The PHP

//declare our variables
$name = $_GET['name'];
$email = $_GET['email'];
$message = $_GET['comment'];
”

$message should have been $comment.

Nice tut. Thanx.

By: Synthe -

Synthe - — Tue, 28 Oct 2008 15:54:28 +0000

If one wanted to use $_POST in their php the jquery code would be:

$.ajax({
type: ‘post’,
url: ‘mail.php’,
data: ‘name=’ + $(’#name’).val() +
‘&email=’ + $(’#email’).val() +
‘&comment=’ + $(’#message’).val()},
success: function(data){
$(’.bar’).css({display:’none’});
$(’.loader’).append(data);
return false;
}
});

Using post would leave a fallback option if someone had javascript turned off and they clicked submit (the return false wouldn’t go through and the form action would run). You would also have to change the form method to post.

By: Philip Beel - http://

Philip Beel - http:// — Tue, 28 Oct 2008 12:58:16 +0000

Hi Monkeytail, here we are using a submit function, which catches the form before it goes anywhere, so the post is ignored, however I can see why this would look confusing. The $.get() specifies a method of GET when the ajax request is fired, thus we use the $_GET global var in mail.php to capture the info. Thanks for the question

By: Monkeytail -

Monkeytail - — Tue, 28 Oct 2008 12:09:11 +0000

The form attr method got a value of post..the global vars used in the php file are $_GET.. why?

By: Anthea -

Anthea - — Tue, 28 Oct 2008 00:27:17 +0000

Next step is to add some kind of validation, like another field that validates based on a question you ask the user.

Sweet & simple tutorial for a very basic form…