Validate Your Forms with jQuery

Wed, Feb 16, 2011

Objective

Validate your a contact form using the jQuery library and jQuery validation plugin.

Agenda

  1. Open your previous javascript file and save it as "jquery-form-validation.html"

  2. Add in the HTML for the contact form you created recently (you do not need the CSS for now)

  3. Watch the video and add the link to the jQuery validation plugin

  4. Keep watching the video until you get the validation to work

  5. Add a CSS rule to make .error have red text

Rubric

5New file named correctly
3Working form validation
2Make error message red