Part 2 of our series on form validation brings us into jQuery. The starter files basically include a very slightly modified version of the form that was created in part 1. This version is interesting to compare with the straight JavaScript version because you can see a few of the advantages you have going for you when you use jQuery. Of course it gets even better when you use the validator plugin. That will be coming up in a later lesson. For now, we are just working with a simple form just to see how validation works with straight jQuery.
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.
In the next lesson, we will look at submitting a form with jQuery using AJAX so that the page does not have to refresh. If you did not check out part one, please do that so you can see the whole progression.
Difficulty: easy
Skills: Light HTML, Light JavaScript (jQuery)
Time Required: 1 hour
Start Files: MeadDesign Forms Part 2 Start.zip
Completed Example Files: MeadDesign Forms Part 2 Complete.zip
Presentation: Forms Part 2