「その他」用のテキスト入力欄を持つ選択式入力欄

2016/02/08

問題03

Ruby on Rails で開発されたアプリケーション Asagao に関して、以下の仕様変更を行ってください。

  1. 会員管理ページで会員の職業を以下の選択肢(ラジオボタン)から選べるようにする。
    • 会社員・会社役員
    • 自営業・自由業
    • 公務員
    • 学生
    • 無職
    • その他
  2. 職業として「その他」を選んだ時、それを具体的にテキストで10文字以内で入力できるようにし、何も入力しない場合はバリデーションエラーとする。
  3. 会員詳細ページに職業が表示される。「その他」の場合はカッコの中に具体的な説明が表示される。

締め切り: 2016年2月22日 午前10時(日本時間)

このページは「Rails 演習問題」という連載の一部です。読者の方から答えを募り、あとで筆者が解説を追記します。詳しくは、はじめにをお読みください。

仕様の説明

以下、仕様変更後の Asagao の動きを画面キャプチャを用いて説明します。

管理者として Asagao にログインし、「管理ページ」→「会員管理」と進み、Taro さんの編集フォームを開くと、次のような画面になります。

画面キャプチャ

現行サイトにはない「職業」欄が表示されています。

ここで「その他」を選ぶと、この部分が次のように変化します。

画面キャプチャ

会員詳細ページは、次のような表示となります。

画面キャプチャ

職業として「その他」を選び、具体的な説明として「秘密」と書いた場合、職業欄には「その他(秘密)」と表示されます。

画面キャプチャ