Skip to content

Latest commit

 

History

History
18 lines (13 loc) · 1.67 KB

wizardform.md

File metadata and controls

18 lines (13 loc) · 1.67 KB

ウイザードフォーム

複数の画面で構成され、確認画面があるフォームです。 フォーム1 → フォーム2 → フォーム3 → 確認画面 → フォームアクション実行 と続きます。

それぞれのページでフォームのバリデーションを行いますが、確認画面から最終的な送信時にも全てのバリデーションを行います。

その際の確認画面やアクション実行時にもフォーム出力やバリデーションは再利用されます。フォームを再利用するためフォームのbuild部分をエレメントとボタンにわけています。確認画面ではフォーム1、2、3のボタン以外のエレメント部分を作成し、最後に送信ボタンを追加しています。

フォームの順送りには_clickというhiddenフィールドを使用しています。各画面でのフォームバリデーション通過時のonAction内でclickイベントを用いてリダイレクトし次のフォームがbuildされ画面表示されます。