AJAX form submission using jQuery and PHP

Submit your forms without page refresh using jQuery's AJAX functions. This tutorial shows how to add client side validation and form submission by AJAX. We will also re-validate the submitted form on the server using a PHP
script and return a success or error message to the user. Get it all done without ever having to reload or refresh the page.
A demo of the completed application can be found at http://aarontennyson.com/tutorials/demos/ajax_form_demo/
The source package is free to download at http://aarontennyson.com/tutorials/ajax_form_demo.zip

Category:

Howto & Style

Tags:

• AJAX
• jQuery
• php
• forms
• form
• submission
• validation
• javascript
• feedback
• technology

[michaelsabatella]

Could we copy the code and use it as an example?

[wormracer08]

@michaelsabatella you're free to do as you wish with the example, just please don't copy it and claim that it is yours. Thanks for watching!

[LarsUK]

OK.. that's what we're gonna do! NIIIIICCCCCEEEE!

[wormracer08]

@LarsUK LOL thanks!

[GayBooi]

i wonder where the email goes to

[wormracer08]

@GayBooi This example doesn't send an email but I extended the tutorial to provide that functionality in my latest video.  It's the featured video on my channel. Hope that is what your looking for.

[wormracer08]

@5uds1 Thanks so much!

[5uds1]

I've watched a lot of jquery tutorials on YouTube and this is the best; please do some more.

[wormracer08]

@NICKTHEDIG1989 thank you my friend.

[NICKTHEDIG1989]

Nice work wormracer08!