動画を撮ってみた

http://blog.bmedianode.com/2005/04/zend_certificat.html

  • 入力ページ、確認ページ、結果表示ページから成る
  • 入力ページでは郵便番号(7桁)の入力欄と送信ボタンを表示
  • 入力ページで送信ボタンを押した際、郵便番号欄の値を半角に変換してハイフンを除去
  • 郵便番号欄の値が「空文字列」または「7文字の半角数字以外」の場合は「郵便番号欄の値を保持」したまま入力ページを再表示
  • 入力ページを再表示する再、郵便番号欄の下に入力値に応じて「入力されていません」または「入力内容が正しくありません」と表示
  • 確認ページでは郵便番号、戻るボタン、次へボタンを表示
  • 確認ページで戻るボタンが押された場合は「郵便番号欄の値を保持したまま」入力ページを再表示
  • 確認ページで次へボタンが押された場合は結果表示ページに「入力された郵便番号はXXX-XXXXです」と表示
  • ページデザインは後で差し替えるのでスクリプトとは別ファイルにしておく
  • セッションは使わない


これを作ってみる.
入力はハイフンを入れるのか入れないのか良く分からなかったので,「半角数字+ハイフン以外」をチェックした.
7文字のチェックとXXX-XXXX形式の表示は省いてます.


www.n314.com/laiz_ziptest.wmv


動画を撮るのって結構面倒だなぁ.
キー入力とかミスると後で見るとき嫌な感じだし..



# 追記

せっかくなのでコンポーネントを使った場合の.
http://www.n314.com/laiz_testzip2.wmv


入力値は8文字(XXX-XXXX形式)のみ受け付けるように解釈しました.