From React-Module-Project created by SallyMcGrath: CodeYourFuture/React-Module-Project#26
Depends on #24
Instructions:
Add validation to some fields from #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'?
From React-Module-Project created by SallyMcGrath: CodeYourFuture/React-Module-Project#26
Depends on #24
Instructions:
Add validation to some fields from #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@comis 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'?