Spring 2009

Lab04
Beginning Form Validation

Due: Thursday March 26, 2009 11:59 PM

Lab04 - Beginning Form Validation

Requirements

Webpage properly formed5 pts
JavaScript tags entered correctly5 pts
All required information collected20 pts
Appropriate input controls used for collecting each piece of information20 pts
Form controls cannot be left blank20 pts
Form is neat and easy to follow15 pts
Client appropriately informed of errors15 pts
Total100 pts

Resources

Objective

To practice using JavaScript with online forms

Instructions

For this lab you will need to design an online form for a client visiting a website to fill out. The form should collect the following information from the client:

  • First name
  • Last name
  • Middle initial
  • Street Address
  • City
  • State
  • Zip Code
  • Username
  • Password
  • Password Confirmation
  • User Agreement

The javascript you write to go along with this form should confirm that none of the information is missing at the time the client submits the form and the two password fields should be confirmed to contain the same value. The user agreement should be a control that allows the user to signify that they have read and understood a user agreement (which doesn't really exist so don't worry about having one) that must be marked 'Yes' or something similar before the form will be submitted.

The controls you use to design this form and the method of informing the client of errors in the form are left up to you, but keep the clients experience in mind and make everything as friendly as possible.