Beginning Form Validation

100 points

Beginning Form Validation

Requirements

Webpage properly formed5
JavaScript tags entered correctly5
All required information collected20
Appropriate input controls used for collecting each piece of information20
Form controls cannot be left blank20
Form is neat and easy to follow15
Client appropriately informed of errors15
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.