Part 3 of our form validation series gets into using AJAX to submit form data without having to refresh the web page. This is really nice for web applications where you want to have more control over the user’s experience. This lesson involves a little bit more PHP. If you completed part 2, you don’t really need to download the start files, as they are the same thing as the completed files from part 2.
Note: The server side validation is still in place for this lesson, so we will still need to use the local server so that the PHP can run. Check out MAMP for the Mac, or XAMPP for Mac, Windows or Linux. All of them are free.
The next lesson will look at how to use the jQuery validator plugin to make validating form data even easier. We will also look at more complex forms and additional form input types. Since we were eventually going to end up using the validator plugin anyway, I have left the form simple up until that lesson.
Difficulty: easy
Skills: Light HTML, Light JavaScript (jQuery), Light PHP
Time Required: 1 hour
Start Files: MeadDesign Forms Part 3 Start.zip
Completed Example Files: MeadDesign Forms Part 3 Complete.zip
Presentation: Forms Part 3
