ユーザーに不備を伝えるで
とあるWebサイトがあって、そのサイトにはログイン機能があるとしよう。
これは実際には私が運営しているWordPressサイトの管理者サイトのログインページであるが、このログインフォームに何も入力しないまま「ログイン」ボタンを押すと、こんなテキストが画面に出力された。
エラー: ユーザー名を入力してください。
エラー: パスワードを入力してください。
これがまさしく「エラーメッセージ」である。
何がOKで何がダメか分かるで
このメッセージから読み取れるのは、
- ユーザー名は入力しないといけない
- パスワードは入力しないといけない
どうやらこのサイトではログインするのにユーザー名とパスワードを入力しないといけないらしい。
必要な分だけ表示される
今度はユーザー名だけ入れて「送信」ボタンを押してみる（実際のユーザー名ではないが仮にtestuserと入力する）ことにする。
すると今度はこのように表示された。
エラー: パスワードを入力してください。
ユーザー名だけを入力して、パスワードを空欄のまま送信したので、パスワードについてのエラーメッセージのみが画面に表示された。
サイトが送信されたデータを受け取って、もし不備があるときはそれをview側に返して画面に不備の内容を表示する。
これがエラーメッセージである。
エラーメッセージ分かったかな？
このようにサイト側が不備があるフォームの要素にだけ反応して、ユーザーにその不備の内容を伝えるのがエラーメッセージです😊
他にもよく見かけるエラーメッセージはこんなのがあるかな？🤔
ユーザー名は8文字以上です。
パスワードが一致しません。
「タイトル」は必須です。
こんな感じでユーザーにしてほしいこと、何が不備かを伝えるのがエラーメッセージだよ！