User inputs elements: Define the following elements using the specified IDs Text element with ID fullName and label "Full Name" Email element with ID email and label "Email" Password element with ID password and label "Password" Password element with ID passwordConfirm and label "Confirm Password" Submit element with ID submit and value "Register" The default border for the test, email, and password elements should be 1 pixel, solid, with color #aaa Use a element. for errors: Create a with ID formErrors that will be used to display any validation errors. Initially the should not be displayed (i.e., the display style should be none) Form validation: Complete checkForm() to verify that the user provided information is valid. If there are form validation errors, The formErrors should be shown by setting display to block Each of the associated error messages should be displayed in the formErrors using an unordered list with red text. The error message must be displayed in the order the validation is performed, following the order specified below. Each element with the invalid input should be styled with a 2 pixel, red, solid border. Otherwise, the default border should be used (1 pixel, solid, with color #aaa) If there are no form validation errors, The formErrors should not be shown (i.e., the display style should be none) All test, email, and password elements should use the default border of 1 pixel, solid, color #aaa Perform the following form validations in the order provided and display all error messages that apply Ensure a full name with a length greater than or equal to 1 was provided Otherwise, display "Missing full name." Ensure that an email address was provided and that the email address matches the regular expression: /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,5}$/ Otherwise, display "Invalid or missing email address." Ensure the password has 10 to 20 characters Otherwise, display "Password must be between 10 and 20 characters." Ensure the password contains at least one lowercase character Otherwise, display "Password must contain at least one lowercase character." Ensure the password contains at least one uppercase character Otherwise, display "Password must contain at least one uppercase character." Ensure the password contains at least one digit Otherwise, display "Password must contain at least one digit." Ensure the password and confirmation password match Otherwise, display "Password and confirmation password don't match."

User inputs elements: Define the following elements using the specified IDs Text element with ID fullName and label "Full Name" Email element with ID email and label "Email" Password element with ID password and label "Password" Password element with ID passwordConfirm and label "Confirm Password" Submit element with ID submit and value "Register" The default border for the test, email, and password elements should be 1 pixel, solid, with color #aaa Use a element. for errors: Create a with ID formErrors that will be used to display any validation errors. Initially the should not be displayed (i.e., the display style should be none) Form validation: Complete checkForm() to verify that the user provided information is valid. If there are form validation errors, The formErrors should be shown by setting display to block Each of the associated error messages should be displayed in the formErrors using an unordered list with red text. The error message must be displayed in the order the validation is performed, following the order specified below. Each element with the invalid input should be styled with a 2 pixel, red, solid border. Otherwise, the default border should be used (1 pixel, solid, with color #aaa) If there are no form validation errors, The formErrors should not be shown (i.e., the display style should be none) All test, email, and password elements should use the default border of 1 pixel, solid, color #aaa Perform the following form validations in the order provided and display all error messages that apply Ensure a full name with a length greater than or equal to 1 was provided Otherwise, display "Missing full name." Ensure that an email address was provided and that the email address matches the regular expression: /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,5}$/ Otherwise, display "Invalid or missing email address." Ensure the password has 10 to 20 characters Otherwise, display "Password must be between 10 and 20 characters." Ensure the password contains at least one lowercase character Otherwise, display "Password must contain at least one lowercase character." Ensure the password contains at least one uppercase character Otherwise, display "Password must contain at least one uppercase character." Ensure the password contains at least one digit Otherwise, display "Password must contain at least one digit." Ensure the password and confirmation password match Otherwise, display "Password and confirmation password don't match."

Programming with Microsoft Visual Basic 2017

8th Edition

ISBN:9781337102124

Author:Diane Zak

Publisher:Diane Zak

Chapter10: Classes And Objects

Section: Chapter Questions

Problem 6E

See similar textbooks

Related questions

Question

User inputs elements: Define the following <input> elements using the specified IDs
- Text <input> element with ID fullName and label "Full Name"
- Email <input> element with ID email and label "Email"
- Password <input> element with ID password and label "Password"
- Password <input> element with ID passwordConfirm and label "Confirm Password"
- Submit <input> element with ID submit and value "Register"
- The default border for the test, email, and password <input> elements should be 1 pixel, solid, with color #aaa
- Use a <form> element.
<div> for errors: Create a <div> with ID formErrors that will be used to display any validation errors.
- Initially the <div> should not be displayed (i.e., the display style should be none)
Form validation: Complete checkForm() to verify that the user provided information is valid.
- If there are form validation errors,
  - The formErrors <div> should be shown by setting display to block
  - Each of the associated error messages should be displayed in the formErrors <div> using an unordered list with red text. The error message must be displayed in the order the validation is performed, following the order specified below.
  - Each <input> element with the invalid input should be styled with a 2 pixel, red, solid border.
    - Otherwise, the default border should be used (1 pixel, solid, with color #aaa)
- If there are no form validation errors,
  - The formErrors <div> should not be shown (i.e., the display style should be none)
  - All test, email, and password <input> elements should use the default border of 1 pixel, solid, color #aaa
- Perform the following form validations in the order provided and display all error messages that apply
  - Ensure a full name with a length greater than or equal to 1 was provided
    - Otherwise, display "Missing full name."
  - Ensure that an email address was provided and that the email address matches the regular expression: /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,5}$/
    - Otherwise, display "Invalid or missing email address."
  - Ensure the password has 10 to 20 characters
    - Otherwise, display "Password must be between 10 and 20 characters."
  - Ensure the password contains at least one lowercase character
    - Otherwise, display "Password must contain at least one lowercase character."
  - Ensure the password contains at least one uppercase character
    - Otherwise, display "Password must contain at least one uppercase character."
  - Ensure the password contains at least one digit
    - Otherwise, display "Password must contain at least one digit."
  - Ensure the password and confirmation password match
    - Otherwise, display "Password and confirmation password don't match."

Expert Solution

Trending now

This is a popular solution!

Step by step

Solved in 3 steps with 1 images

SEE SOLUTION Check out a sample Q&A here

Knowledge Booster

Learn more about

Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.