AJAX form submission using jQuery and PHP (part 4)

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. In our final lesson we finish up our application by writing our server side code using PHP to process and send data back to the browser.
Video Rating: 5 / 5

No related content found.

Revisions

There are no revisions for this post.

Tags: , , , , , ,

19 Responses to “AJAX form submission using jQuery and PHP (part 4)”

  1. wormracer08 July 16, 2011 at 7:24 AM #

    @Almasaeed2010 Great, glad you found it useful.

  2. Almasaeed2010 July 16, 2011 at 7:39 AM #

    Thanks man. That was very helpful. Well organized 🙂 I hope we’d see more from you man. Keep it up!

  3. wormracer08 July 16, 2011 at 8:01 AM #

    @kakako27 thank you, glad it helped.

  4. kakako27 July 16, 2011 at 8:25 AM #

    Thanks dude. 🙂
    you are a star man.

  5. wormracer08 July 16, 2011 at 8:51 AM #

    @ZyncInteractive awesome and thanks!

  6. ZyncInteractive July 16, 2011 at 9:24 AM #

    Great tutorial mate. Learned exactly what I needed over the 4 videos. Cheers!

  7. wormracer08 July 16, 2011 at 10:07 AM #

    @Mr047blz Thanks my friend!

  8. Mr047blz July 16, 2011 at 10:09 AM #

    Nice tuturial Aaron And Good Luck With PHP !!

  9. wormracer08 July 16, 2011 at 11:00 AM #

    @brightened Glad you’ve found this helpful. You can get at the radio button with a statement like this var sex = $(‘form input[type=radio]:checked’) then you can check that your variable ‘sex’ isn’t null or undefined in your if statement. I try and get another tutorial out showing how to handle radio buttons and checkboxes soon.
    Good Luck.

  10. brightened July 16, 2011 at 11:11 AM #

    Thanks very much for the detailed insight. I have one question though and would be grateful if you were to provide help on this. I am trying to replicate this for a registration form. I have a radio box (male and female) and checkbox (for terms and conditions). Not sure how to do error checking in javascript using jquery

    Do i set to

    var sex = $(‘form #sex’).val();

    It seems when i do this and in my if statement use .checked it doesnt work?

    Any help I would be grateful for

    Thanks

  11. WalnutPro July 16, 2011 at 11:14 AM #

    Thanks for the code tip but after following along with the e-commerce series and writing the code it helped a ton. I have all four vids up and will try and write/copy it all tomorrow. If all else I will d/l the code. I only wish I knew what you know but at least I can follow along, copy and learn something.Thank you again. V

  12. wormracer08 July 16, 2011 at 11:33 AM #

    @WalnutPro No offense at all buddy, some people just don’t know you can increase the quality of the video if it’s been uploaded in HD. Glad you liked it. There’s a link to the source code in the first video if that helps you out.

  13. WalnutPro July 16, 2011 at 12:17 PM #

    Probably just me. I have had CSR (saw your portfolio, Bluegrass) so my vision isn’t the best even with my monitor shoved right up to my nose. I hope you weren’t offend I loved the vid’s and will be using it on my site….. Thanks again.
    P.S. Also sent you a message with your COOL form.

  14. wormracer08 July 16, 2011 at 12:25 PM #

    @WalnutPro Thanks for the feedback my friend. Are you watching in 720HD cause it’s perfect if you bump it up from the standard 360.

  15. WalnutPro July 16, 2011 at 12:43 PM #

    Slow (my speed) and well explained. Nice to see even the pros make a mistake now and then. You give your viewer an insight as to how and why, thanks. I only wish the vid was a weee bit clearer but your explanations more than make up for anything I can’t see. Great job.

  16. wormracer08 July 16, 2011 at 1:02 PM #

    @flashbuilding Thanks mang!

  17. flashbuilding July 16, 2011 at 1:10 PM #

    Great set of tuts Aaron!

  18. wormracer08 July 16, 2011 at 1:46 PM #

    @MrShawnlloyd hehe…….no laughing at my PHP though.

  19. MrShawnlloyd July 16, 2011 at 2:15 PM #

    excellent worm ! very nice…now lets see if i can implement this

Leave a Reply to brightened Click here to cancel reply.