ステップ形式の入力フォームをjQueryで擬似的に実装するプラグインをつくりました。 → multi-step-form.js 動作サンプル マルチステップのみのデフォルト指定 エラーチェックを有効化 ajaxZip3も使ってみるサンプル こんな感じで動きます。 開発の経緯 会員登録とかフィードバックとかで入力フォームがどうしても長くなる時ってありますよね? 長くてユーザーが入力する気がなくなってしまいそう…。でも絶対必要な項目だし。 そんな時には入力フォームをステップで分けて段階的に入力させれば、面倒な気持ちがちょっと和らぐかもしれません。でも、現行のPHPやCGIとかを触るのは結構たいへんなので、ここは簡易的にJavaScriptでやっちゃおう。ということです。 主な仕様 特定のIDの子要素から自動的に段階的に表示 自動生成のプログレスバーによるステップ数、進捗の表示 入力内容のチェッ
![マルチステップなフォームをjQueryで擬似的に実装するスクリプト – multi-step-form.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/c607ac6f7bfd3a00fe9acb4598c1cd54d8eb9568/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Funguis.cre8or.jp%2Fwp-content%2Fuploads%2F2013%2F06%2Feyecatch7.jpg%3Ffit%3D640%252C480%26ssl%3D1)