When the sign up button is clicked, a signup modal appears with three empty fields. These fields will be labeled Display Name, Email, and Password. A user will be able to fill in these fields before hitting the submit button to create a new user. The submit button should be disabled until all fields are filled in and meet validation requirements.
Acceptance Criteria
Sign up modal displays when a user clicks on the signup button in the nav bar
Three fields appear in the modal with the proper labeling
User can type into all 3 fields
Submit and Cancel button appear on the bottom of the modal
Submit button is disabled when at least one field isn't filled out or doesn't meet validation requirements
Submit button is enabled when all fields are filled in and meet validation requirements
Cancel button is enabled throughout modal lifespan
Cancel button closes modal when clicked
Validation requirements should begin checking an input after the user clicks off the field
Validation will continue to check after every subsequent change made by the user in said field
Description
When the sign up button is clicked, a signup modal appears with three empty fields. These fields will be labeled Display Name, Email, and Password. A user will be able to fill in these fields before hitting the submit button to create a new user. The submit button should be disabled until all fields are filled in and meet validation requirements.
Acceptance Criteria
Validation Requirements