Feature Validate AddBooking #3
Labels
🧩 Feature
🏝️ Priority Stretch
Do this once mandatory and key work is done
🐂 Size Medium
1-4 hours
📅 Week 4
Assigned during Week 4 of this module
Depends on CodeYourFuture#24
Instructions:
Add validation to some fields from CodeYourFuture#24 : the first name and last name must not be empty, the email must contain exactly 1
@
symbol, and at least one.
symbol after the@
; the room ID must be a number between 0 and 100. If the fields do not contain correct information when the 'Submit' button is pressed, display a red error message at the top of the page, but do not clear the text already in the field.Test:
An invalid input displays an error message after the 'Submit' button is pressed (e.g. an email like
react@com
is invalid). A valid input shows the correct values at the bottom of the page.Reflection:
Validating user input is an important part of any application. Without checking the input, you might see unexpected errors when working with the data later.
What do you think would happen if you were asked to remove a booking for room number '81', but the user had typed 'eightyOne' or 'EIGHTY ONE'?
The text was updated successfully, but these errors were encountered: