AJAX form submission using jQuery and PHP (part 2)

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 this lesson we finish up the introduction to the application as well as discuss some of the CSS properties. We also begin writing our javascript for validating and submitting our form.

Category:

Howto & Style

Tags:

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

[barsheshetmov]

the jqury dont work.

after i put the hide code. its not hide the response div/

why?

[wormracer08]

@barsheshetmov not sure? Post your question with code at my site in the jQuery forums and we can get you fixed up.

[5uds1]

I thought you were meant to put the link to the jquery library file inside the head tag, not at the end of the body tag. Am I wrong?

[wormracer08]

@5uds1 your web pages will load faster when you include your javascript files at the end of the document because when the browser incounters javascript it must fully download the whole script before moving on to the next resource effectivly elliminating the browsers ability to download your pages resouces (images, css) in parallel.

[MrShawnlloyd]

great job, thanks for all the explanation