Use the registration.html file to add functionality to the form found on the page. The JavaScript that you write should validate each field and display appropriate error messages (if errors are made) that direct the user to complete the form properly. Once the form is completed, your script should open the confirmation page (confirmation.php).

Note: The input fields in the form with an * are required fields.

Make sure to do the following:

Write JavaScript that defines that a field is required and generates an appropriate error message if the field has not been completed.

Write JavaScript to validate all input fields per the formatting definitions that the field values should be checked against (found in the overview) after each field.

Write JavaScript that displays an appropriate error correction message (next to the field) in the event a form entry error has been made.

Write a JavaScript that will default the user's cursor to the first erroneous input field in the event that there is an input error.

Create a submit button that executes the validation when submitted.

Username* (must only contain letters and numbers).

Password* (minimum of 8 characters).

PasswordVerify* (minimum of 8 characters, must match password).

FirstName* (text string).

LastName*( text string).

Email (uses xxx@xxx.xxx format).

PhoneNumber (uses (xxx) xxx-xxxx format).

SignUpNewsletter (radio box for yes/no).

CapellaVolunteers.org

• Home

• Invitation

• Gallery

• Registration

Username:

Password:

Verify your Password:

First Name:

Last Name:

Email:

Phone Number

Sign up for newsletter:

Yes

No