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.

Category:

Howto & Style

Tags:

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

[hypaed]

thanks dude

[wormracer08]

@hypaed no problem, glad you liked the video!

[waynerogers3p]

I don't suppose you know what this error could be about?

There was an SyntaxError: Unexpected token < due to a parsererror condition.

[wormracer08]

@waynerogers3p Try removing the html tags in the $return['msg'] variable and just send back plain text. Looks like my example is malformed.

[waynerogers3p]

@wormracer08 Well I'm not getting the error any more, re-did it the next morning.

[wormracer08]

@waynerogers3p glad you got it working!

[ROTFLTV]

I'm getting the same error as waynerogers3p...I"ve tried several contact forms and none seem to work...But great videos!

[wormracer08]

@waynerogers3p sounds good my friend.

[waynerogers3p]

@wormracer08 Thanks. It's fairly late here now so I'll just fix it up tomorrow. I've been trying to enforce these tutorials onto my code but in the morning I'll do the tutorials then work my code to fit. Cheers.

[wormracer08]

@waynerogers3p lol, thanks I appreciate that.  If you don't have any luck come post your code in the forums on my site codecompendium[dot]com and we'll get you fixed up.