Validated Form

Build a sign-up form that validates on submit and shows one error per field. You practice controlled forms and handling the submit event.

• The complete interface: the two fields, the button and the place for the messages.
• Your job is the logic: store the data, validate on submit and decide which messages are shown.
• Keep the Email and Password labels, the message texts and the roles: the tests use them.

• If the email does not have the form something@domain.ext, Invalid email appears in an element with role="alert".
• If the password has fewer than 8 characters, Password must be at least 8 characters long appears in an element with role="alert".
• If everything is valid, Account created appears in an element with role="status" and no error.

• You type bad and 123, and submit → you see both errors.
• You type ada@example.com and 12345678, and submit → you see Account created.
• Before submitting, even if you type invalid data → you see no error.

• Controlled forms.
• The onSubmit event and preventDefault.
• Validation and error messages in state.