Question: *FORM HTML CODING ATTACHED THAT MUST BE VALIDATED USING JAVASCRIPT FOLLOWING INSTRUCTIONS BELOW* 1. First Name and Last fields should not have less than four

 *FORM HTML CODING ATTACHED THAT MUST BE VALIDATED USING JAVASCRIPT FOLLOWING

*FORM HTML CODING ATTACHED THAT MUST BE VALIDATED USING JAVASCRIPT FOLLOWING INSTRUCTIONS BELOW*

1. First Name and Last fields should not have less than four (4) characters as input.

2. Names (First and Last) should only consist of text input (no special characters, symbols or numeric input allowed). An error message should pop up if input is in incorrect format.

3. Email should be entered in proper format. e.g it should include @ and .com

4. Phone number should be entered in the format (xxx)-(xxx)-(xxxx) and by default the format appears (greyed out) in the text box.

5. Password should be at least 8 characters in length and : i) Must have atleast one upper and one lower case character ii) Must have atleast one digit iii) Must have one special character such as @, $ etc iv) These instructions to be displayed on the left of the box, so user knows what type of password to be created.

6. Password and confirm password MUST match with each other.

7. If any of the fields is left BLANK (not filled) by the user, an warning message should show up, asking the user to fill in the required field.

If the user enters any wrong type of input, an alert should be displayed showing what correct input is required.

All field must have an (*) next to them showing that they are mandatory to be filled.

Try to display a brief note in front of the files about what type of input is required. For example , next to password field , you can display message minimum 8 characters in length with upper and lower case, digit and a special character

1 1 2 3 4

Sign Up Form

5 6

10 Sign Up 11
12 13 14 15 16 17 18 19 20 21 22 23 24 37 39 40 41 42 43 44 49 51 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71
First Name:
Last Name:
Date of Birth
Gender:MaleFemale
Country:
Phone:
Password:
Confirm Password:
I Agree to the Terms of Use
72
73 74
75 76

77 78

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!