CodeYourFuture / CodeYourFuture/React-Module-Project

Feature Validate AddBooking

Open
#26 0 comments 0 reactions 0 assignees View on GitHub
🏝️ Priority Stretch 🐂 Size Medium 📅 Week 4 🧩 Feature
Dominant language
JavaScript
Stars
1
Forks
28
PR merge metrics
No merged PRs in 30d

Description

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'?

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.