Feature Validate AddBooking
まだ誰も着手していません。
評価
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 初心者へのやさしさ
- 45/100
- issue の種類
- 機能追加
- 明瞭さ
- おおむね明確
- 活発さ
- 停滞
- 技術スタック
- javascript, react
調査の方向性
まず、issue #24 で導入された AddBooking フォームを見つけ、アプリケーションを実行してその Submit フローを確認します。入力したテキストを保持したまま指定されたフィールドにバリデーションを追加し、無効な入力の場合は上部に赤色のエラーを表示して、テストに記載されているとおり有効な値が下部に表示されることを確認します。
索引モデルが issue の本文から書いたものです。
説明
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'?
- 主要言語
- JavaScript
- スター
- 1
- フォーク
- 28
- PR マージ指標
- 30日以内にマージされた PR はありません
コントリビューションガイド
このリポジトリのコントリビューションガイドは索引されていません
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
CodeYourFuture/React-Module-Project のほかの issue
-
♟️ Dependent ticket 🏕 Priority Mandatory 🐇 Size Small 📅 Week 3 📅 Week 4
難易度 2/5 1〜3時間 初心者へのやさしさ 65/100
-
🏕 Priority Mandatory 🐂 Size Medium 📅 Week 4 🧩 Feature
難易度 2/5 1〜3時間 初心者へのやさしさ 65/100
-
Feature Search State オープン🐂 Size Medium 📅 Week 3 🧩 Feature
難易度 2/5 1〜3時間 初心者へのやさしさ 65/100
-
Feature Active Row オープン🏝️ Priority Stretch 🐂 Size Medium 📅 Week 2 🧩 Feature
難易度 2/5 1〜3時間 初心者へのやさしさ 65/100
-
🏕 Priority Mandatory 🐇 Size Small 📅 Week 2 🧩 Feature
難易度 1/5 1時間未満 初心者へのやさしさ 68/100
CodeYourFuture/React-Module-Project の issue をすべて見る
似ている issue
-
bug
難易度 1/5 1時間未満 初心者へのやさしさ 90/100
apache/cloudstack#14222 ·
-
Browser Waiting for: Product Owner
難易度 2/5 1〜3時間 初心者へのやさしさ 85/100
getsentry/sentry-javascript#24577 · コメント 1 件 ·
-
curation good first issue
難易度 2/5 1〜3時間 初心者へのやさしさ 88/100
amponce/archive-movie-browser#186 ·
-
light
難易度 2/5 1〜3時間 初心者へのやさしさ 85/100
aemdemos/patients-stryker#253 ·
-
難易度 2/5 1〜3時間 初心者へのやさしさ 86/100
clerk/javascript#9852 ·