Form Validation

Overview

In this lab we will show how to use patterns to validate user input and how to use JavaScript to insure that two values match.

• !== not equal
• focusout
• addEventListener
• .value
• textContent

Resource Links

• HTML input pattern Attribute
• Element: focusout event
• If-Else statement

Watch

• Form Patterns [6:11] Using the pattern attribute on inputs
• Matching Values [7:47] Using JavaScript to insure form values match