How to make Chris’s contact form ajax?

[AlirezaM]

Hello!

I want to use Chris’s contact form in my website but I want it to not refresh the page when I click on submitt button.

Is there anyway to make it ajax to work this way?

If yes how?

Thanks in advance!

Alireza.M

[CrocoDillon]

I don’t know what you mean by Chris’ contact form but sure you can use JavaScript to intercept the form submit and then submit it using AJAX instead, prevent it’s default behavior and wait for the response to update the page.

With jQuery it would be something like:

$(‘#form_id’).submit(function() {
// prevent default
// make AJAX call, sending form values
// update page on complete
});

[Eric]

Pretty sure there is more to it than that. Here is how I put it all together. It was not easy. http://www.websitecodetutorials.com/code/jquery-plugins/jquery-ajaxsubmit.php

[CrocoDillon]

Pretty sure there isn’t: http://crocodillon.com/temp/ajaxform.html

[Eric]

@CrocoDillon nice. But you cant use php validation with that right?

[CrocoDillon]

Sure you can, the php file I have is really simple (for demo only) but you can do everything with the POST data you want.

echo ‘Hello there, ‘.htmlspecialchars($_POST).’!’;
else
echo ‘Hello there, Mr. Smith!’;

Don’t mind me sending html back though, XML or JSON would probably be better (if you want to give feedback on validation errors).

[Eric]

cool – cool. I stand corrected. :)

[CrocoDillon]

:)

[AlirezaM]

Thank you CorocoDillon!

It worked as it was in my mind.

Thanks again!

[Author]

Posts