PROJECT DESCRIPTION One of the most common uses of client-side JavaScript is to validate form data. When we say "validate" form data, we mean ensuring that the data entered is clean, error free,...



PROJECT DESCRIPTION

One of the most common uses of client-side JavaScript is to validate form data. When we say "validate" form data, we mean ensuring that the data entered is clean, error free, formatted correctly, and meets certain criterion. The validation of input data is crucial because it ensures that the data is captured in a format that can be used most efficiently. Web designers and developers use client-side JavaScript as one method for validating user-inputted data. The purpose of this project is to build an HTML5 registration form and use JavaScript functions to validate user-inputted data.












registration form screenshot
Screenshot image of what your form should look like when completed.
This is ascreenshot -The image is not clickable.





PROJECT REQUIREMENT

Create an input from using HTML5 and JavaScript. The form will validate and collect information form the user and then e-mail the result to your personal e-mail address.










































Fields

Validation

Name
The use is required to enter a first and last name. You must create two text boxes (one for the first name and one for the last name). Neither field must be blank. Include default text in the first and last name fields. Remove the default text once the user selects the field.
First Name and Last Name Field Types: Alpha only.


Address
The user is required to enter a valid mailing address. You must create three separate text boxes to gather city, state, and zip code information. The address can not be blank.
Zip Code: Numeric only (5 digits)
Address Field: Alphanumeric characters
City: Alpha only
State: (Selected from a pull down menu) The user must select a state.


Phone Number
The user must enter a valid 10 digit phone number, including area code. You must create two text boxes to gather the user's phone number. These fields can not be blank.
Area Code: (3 digits)
Phone Number: (7 digits)


E-mail Address
The user must enter a valid e-mail address that follows the standard e-mail convention , where the length of "name" can be up to 64 characters in length, and "domain" may be up to 252 characters in length.
If an invalid e-mail address is entered, the user should receive a message similar to "You have entered an invalid e-mail address".


Confirm E-mail Address
The user must enter in the exact same e-mail address entered in the previous E-mail Address field. If not, an error message will be generated.

Meal Preference

The user must select a meal preference from a radio button list (Vegan, Vegetarian, Non-Vegetarian).



Contact Method


The user must select at least two of four contact methods listed on the form. An error message will display when less than two (zero or one) methods are selected.



Comments

Optional field for additional comments. Field length (250 characters). This field can be blank.




















Buttons

Function

Submit
The Submit Button, when clicked, will display all of the errors on the form. If errors exist on the form, the form data will not be e-mailed. Once all errors have been removed AND all of the default text has been replaced, data entered into the form will be transmitted via e-mail. The Submit Button should call the submit () event handler function.

Reset
The Reset Button will reset all of the fields on the form to a blank state. The Reset Button should call the reset () event handler function.


1. Use // to document your code by providing comments that explain the purpose of all lines of code you write.

Jun 30, 2022
SOLUTION.PDF
SOLUTION.PDF

Get Answer To This Question

Related Questions & Answers

More Questions »

Submit New Assignment

Copy and Paste Your Assignment Here
Have files?