Need help with this. I attached how it should look Create an event listener for the click event occurring with the submitButton that runs an anonymous function. Within the anonymous function add the following if else structure: If the pwd field fails the pattern match, display the validation message “Your password must be at least 8 characters with at least one letter and one number”. Else if the value of the pwd field does not equal the value of the pwd2 display the validation message “Your passwords must match”. Otherwise, set the validation message to an empty text string. Save your changes to the file and then open project06-01 in your web browser. Verify that you cannot submit the form if your password is less than eight characters long and does not include at least one number and one letter. Verify that you cannot submit the form if the two passwords do not match.

Computer Networking: A Top-Down Approach (7th Edition)
7th Edition
ISBN:9780133594140
Author:James Kurose, Keith Ross
Publisher:James Kurose, Keith Ross
Chapter1: Computer Networks And The Internet
Section: Chapter Questions
Problem R1RQ: What is the difference between a host and an end system? List several different types of end...
icon
Related questions
Question

Need help with this. I attached how it should look

  1. Create an event listener for the click event occurring with the submitButton that runs an anonymous function.
  2. Within the anonymous function add the following if else structure:
    1. If the pwd field fails the pattern match, display the validation message “Your password must be at least 8 characters with at least one letter and one number”.
    2. Else if the value of the pwd field does not equal the value of the pwd2 display the validation message “Your passwords must match”.
    3. Otherwise, set the validation message to an empty text string.
  3. Save your changes to the file and then open project06-01 in your web browser.
  4. Verify that you cannot submit the form if your password is less than eight characters long and does not include at least one number and one letter.
  5. Verify that you cannot submit the form if the two passwords do not match.
### Figure 6-38: Completed Project 6-1

---

#### Hands-on Project 6-1: Create your Account

##### Enter your Account Information

**Username:** 
`johnsmith`

**Email:** 
`j.smith@example.com`

**Password:** 
`• • • • • • •`  (The field contains obscured characters indicating password security)

**Confirm Password:** 
`• • • • • • •` (This field also contains obscured characters indicating password security)

There's a tooltip or error message beneath the "Confirm Password" field with a warning icon that states:
**"Your passwords must match"**

Beneath these input fields, there is an orange button labeled "Save".

This figure shows the account creation interface for a project, emphasizing the importance of input validation, particularly ensuring that both password fields match before proceeding.
Transcribed Image Text:### Figure 6-38: Completed Project 6-1 --- #### Hands-on Project 6-1: Create your Account ##### Enter your Account Information **Username:** `johnsmith` **Email:** `j.smith@example.com` **Password:** `• • • • • • •` (The field contains obscured characters indicating password security) **Confirm Password:** `• • • • • • •` (This field also contains obscured characters indicating password security) There's a tooltip or error message beneath the "Confirm Password" field with a warning icon that states: **"Your passwords must match"** Beneath these input fields, there is an orange button labeled "Save". This figure shows the account creation interface for a project, emphasizing the importance of input validation, particularly ensuring that both password fields match before proceeding.
Expert Solution
steps

Step by step

Solved in 5 steps with 3 images

Blurred answer
Similar questions
Recommended textbooks for you
Computer Networking: A Top-Down Approach (7th Edi…
Computer Networking: A Top-Down Approach (7th Edi…
Computer Engineering
ISBN:
9780133594140
Author:
James Kurose, Keith Ross
Publisher:
PEARSON
Computer Organization and Design MIPS Edition, Fi…
Computer Organization and Design MIPS Edition, Fi…
Computer Engineering
ISBN:
9780124077263
Author:
David A. Patterson, John L. Hennessy
Publisher:
Elsevier Science
Network+ Guide to Networks (MindTap Course List)
Network+ Guide to Networks (MindTap Course List)
Computer Engineering
ISBN:
9781337569330
Author:
Jill West, Tamara Dean, Jean Andrews
Publisher:
Cengage Learning
Concepts of Database Management
Concepts of Database Management
Computer Engineering
ISBN:
9781337093422
Author:
Joy L. Starks, Philip J. Pratt, Mary Z. Last
Publisher:
Cengage Learning
Prelude to Programming
Prelude to Programming
Computer Engineering
ISBN:
9780133750423
Author:
VENIT, Stewart
Publisher:
Pearson Education
Sc Business Data Communications and Networking, T…
Sc Business Data Communications and Networking, T…
Computer Engineering
ISBN:
9781119368830
Author:
FITZGERALD
Publisher:
WILEY