このレッスンは現在日本語に翻訳中です。いまはEnglish版を表示しています。翻訳に協力する

0%

コンテンツへスキップ

Validation and error handling

中級~30 分0/4 ステップ

Protect the ledger from bad input

Real users mistype, paste spaces, and leave fields empty. Production code treats that as expected behavior. A validation function either returns a clean transaction or throws a precise error. The submit handler catches it and shows a useful message.

Never silently turn invalid money into zero. Invalid is not empty, and empty is not zero.

手順

1

Create createTransaction(description, amount) and trim the description.

ヒント: const cleanDescription = description.trim();

どこに書けばいい?

// Build createTransaction(description, amount), then use try/catch on submit.

5 行目に書きましょう — そのコメントの下、すでに書いたコードの後ろです。

2

Reject a short description and non-positive or non-finite amount.

3

Wrap transaction creation in try/catch.

4

Show the error message in #form-error.

あなたのコード

html
5 行
1
2
3
4
5

ライブプレビュー

ライブプレビュー