hashchange を使ったマルチステップフォーム - わからん
hashchange を使ったマルチステップフォームの素案。状態機械の実装は書籍「ステートフル JavaScript」を参考にしています。現在参加しているプロジェクトで、けっこう有益な議論をしていて、実装つけて意見しようかなと思ったので。 ▼ /users/new#step1 ▼ /users/new#step2 ▼ /users/new#step3 ▼ HTML <!DOCTYPE html> <html> <head> <meta charset=utf-8> <script src="./jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script> <script src="./jquery.ba-hashchange.js" type="text/javascript" charset="utf-8"><
マルチステップなフォームをjQueryで擬似的に実装するスクリプト – multi-step-form.js
ステップ形式の入力フォームをjQueryで擬似的に実装するプラグインをつくりました。 → multi-step-form.js 動作サンプル マルチステップのみのデフォルト指定 エラーチェックを有効化 ajaxZip3も使ってみるサンプル こんな感じで動きます。 開発の経緯 会員登録とかフィードバックとかで入力フォームがどうしても長くなる時ってありますよね？ 長くてユーザーが入力する気がなくなってしまいそう…。でも絶対必要な項目だし。 そんな時には入力フォームをステップで分けて段階的に入力させれば、面倒な気持ちがちょっと和らぐかもしれません。でも、現行のPHPやCGIとかを触るのは結構たいへんなので、ここは簡易的にJavaScriptでやっちゃおう。ということです。 主な仕様 特定のIDの子要素から自動的に段階的に表示 自動生成のプログレスバーによるステップ数、進捗の表示 入力内容のチェッ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
