Introduction

The Interactive Form was created to implement and display my knowledge of form validation, form customization and interactivity guiding users through a form to avoid errors.

Example

Real-time Error Message

Created an event listener to listen for the keyup event on the Name and Email input feilds. The event listener then calls the validation helper function to see if the input was valid and displays a valid or invalid error message to the field.

Conditional Error Message

The email input field has a conditional error message displayed after validation. The conditional error message displays a message that the email input field cannot be left blank if there is no input and displays that the email input is formated incorrectly if the email formating is not valid.

Table of Contents

• Introduction
• Example
• Real-time Error Message
• Conditional Error Message
• Table of Contents