Skip to main content

Routing exercise

Instruction

Create

Make a formpage thatcall receive the 2 input and 1 submit button

1. Email
2. Password
MainPage.jsx

TheStarter form should validate the data with this requirement.template:
Email
The valid email should follow the HTML standard email validation HTML Standard (whatwg.org)
** Hint with yup, the email validate already follow the HTML standard
Password
Password must contain
- at least one uppercase letter
- at least one lowercase letter
- at least one number
- at lease one special character

You also need to show the error messages below the form.
You can use traditional form handling or using yup & react-hook-form in this exercise

The result should look like this.

If there is error show error message below

Back to top