問題タブ [multi-step]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
3 に答える
29945 参照

jquery - マルチステップフォームの作成

http://planner.builtbybuffalo.com/step-1/のような複数ステップのフォームを作成する方法を探しています。

リソースが見つかりませんでした。他の例にすぎません。作成しようとしているのは 3 部構成のプロセスです。これをjQueryで構築していきます。

ステップからステップへの進み方、フェードイン/アウトなどは理解できますが、マーカーを変更して、どのステップを言うかを説明します。

考え?

0 投票する
1 に答える
1579 参照

ruby-on-rails - Rails を使用した複数ステップのネストされたフォーム

ネストされたフォームを使用して多段フォームを実装しようとしていますが、ネストされたフォームを使用しているため、Railscast のように機能しません。これは Railscast #217 (マルチステップ フォーム/ウィザード) http://railscasts.com/episodes/217-multistep-formsから取得しました。

古い _event.html.erb フォーム

_event.html.erb の新しいバージョン

current_step「 nil:NilClass のメソッドが未定義です」というエラーが表示されます。eventこれはがネストされているためだと思うuserので、Railscast のように forms_for メソッドを直接使用していません。この時点までのループは次のとおりです。彼が初めてページを更新するところまでレールキャストをたどりました。

_forms.html.erb

event.rb

"#{@event.current_step}_details"current_step を見つけるように変更するにはどうすればよいですか?

編集

ローカルに渡してから、コントローラーの基本モデルメソッドに@event => :event追加する必要があることがわかりました。@event = Event.newnew

0 投票する
2 に答える
1231 参照

forms - Coldfusion でのマルチステップ フォームのベスト プラクティスは何ですか?

各ステップが独自のアクションに投稿される 3 ステップのフォームがあります。アクションは次のステップにリダイレクトされます。データはセッション スコープに格納されます。ユーザーが投稿リクエスト以外からフォーム ハンドラーにアクセスできないようにするフィルターがあります。

ただし、誰かがステップのアドレスを手動で入力するのを止めるものは何もありません。この問題に対処するために、セッションで currentStep 変数を設定しました。

ステップ 2 では、structkey をチェックします。

このアプローチは機能しますが、大きな欠点があります。ユーザーはブラウザ ウィンドウで [戻る] ボタンを押すことも、入力済みのデータを編集することもできません。

マルチステップ フォームを実装するためのベスト プラクティスは何ですか? プロセスを改善して戻るボタン機能を組み込むことはできますか?

0 投票する
1 に答える
1853 参照

asp.net - .NET で大規模なマルチステップ フォームをコーディングする最も効率的な方法は?

データベースにレコードを挿入する大きな複数ステップのフォームがあります。私は ASP.NET を使用しており、これに使用できる既製のコントロールがいくつかあることは知っていますが、それらすべてに精通しているわけではありません。フォームビューは良いコントロールのようですが、複数のステップ/ページで使用できるかどうかはわかりません...? これを行う最善の方法は何ですか?

0 投票する
1 に答える
2019 参照

ruby-on-rails - 複数のモデルにまたがるウィザード形式のフォームの作成

タイトルが示すように、複数のモデルにまたがるウィザード スタイルのフォームを実装するソリューションを探しています。もちろん、いくつかのリソースを見つけましたが、それらはすべて 1 つのモデルに焦点を当てていました。見つけた

  1. act_as_wizardプラグイン
  2. マルチステップ フォームでの Ryan の Railscast

私の状況でのもう1つの問題は、ものを作成するウィザードスタイルが唯一の方法ではないということです。これは、プラグインとレールキャストが想定していると思います。つまり、一連のオブジェクトを作成するウィザード スタイルを使用することも、アドホックな方法で個々のオブジェクトを作成することもできます。

したがって、コードをモデルまたはモジュールに制限し、コントローラー コードを台無しにしないことをお勧めします。前もって感謝します!

0 投票する
7 に答える
146448 参照

jquery - ビルド ステップ プログレス バー (css および jquery)

ここに画像の説明を入力

Paypal などのサイトで、このタイプのプログレス バーが繰り返されているのを見てきました。CSSとを使用してこれを設定するにはどうすればよいjqueryですか? 4 つのページがあり、各ページが 1 つのステップです。つまり、4 つのステップです。

0 投票する
2 に答える
566 参照

php - 3ステップの注文フォーム、入力を再入力するための最良の方法

現在、結婚式の写真家のための素敵な3ステップの注文フォームに取り組んでいるので、ゲストは写真を注文できます。

フォームは3つのステップで設定しました。

1.ユーザーの詳細2.注文の確認3.確認

ユーザーがステップ2からステップ1に戻った場合に、フォームデータを再入力するための最良の方法は何ですか。

私は当初、セッションを使用してデータを返すことを考えていましたが、これはおそらく間違っていると感じています。

どんなヒントも素晴らしいでしょう。

皆さんありがとう。

0 投票する
1 に答える
506 参照

django - djangoの興味深いマルチステップフォーム

私は多段階のフォームを持っていますが、それはコモンズとは少し異なります。違いは、すべてのステップが連続しているわけではなく、フォームが順番に並んでいる可能性があることです。明確にするために、、、、およびがあるForm1としましょう 。Form2Form3Form4

それらは----または--のように実行される可能性Form1があります。ただし、- (Form_x --form_y | x <y)のような可能性はありません。Form2Form3Form1Form2Form4Form2Form1

どうすればそのようなフォームチェーンをdjangoに実装できますか?また、FormWizardがどのように機能するのか理解できませんでした。戻るボタンが自動的に生成されますか、それともユーザーが前のフォームに戻ったときにどのように動作しますか?簡単な例や参考資料を説明または提供できますか?

ありがとう

0 投票する
1 に答える
879 参照

php - セッションを使用したphpマルチステップフォームの問題

PHPマルチステップフォームに問題があります。1ページで異なるフォーム間の切り替えを実行する必要があります。このページでは、次の場合に切り替えます。

次に、命令を実行します

これは、$stepの値に応じてさまざまな形式を切り替える関数です。問題は、2番目のステップの後、ステップ3に進むことで最初のフォームに戻ることです。問題は、2回目に「送信」を押したときに、2番目のフォームに「プロファイル」がないことだと思います。 "フィールド:次のページの実行により、$ _ SESSION ["profilo "]がNULL値で上書きされ、ifサイクルのステップ1の原因に戻ります。どうすればこの問題を解決できますか?

編集:情報のために:form1には「profile」フィールドだけがあり、form2には「periodic」、「from」、「to」、「weekdays」があり、form3には「start」、「expire」があります。

0 投票する
1 に答える
1584 参照

ruby-on-rails-3 - Rails3マルチステップフォームとファイルアップロード

Rails 3マルチページフォームをファイルアップロードで実装する方法を理解しようとして問題が発生しました。各ステップは、コントローラーの更新/編集アクションによって処理されます。

Ryan Batesは、セッションを使用してマルチステップフォームを実行する方法についてのすばらしいスクリーンキャストと、最初のステップでデータベースに保存し、後続の各ステップで更新を実行することによって同様のことを実行する方法について簡単に説明しました。また、マルチステップフォームを作成する方法に関するいくつかの異なるオプションの詳細な説明を提供する彼の要点を読みました(私はオプション1に傾いています)。

しかし、マルチステップフォームの実際の実装に関しては、まだかなり迷っています。私の目標は、ファイルのアップロード(画像)にcarrierwaveを使用し、ステートマシンのgeekqによるワークフローを使用して、各ステップでの検証を支援することです。

明確にするために、私は現在、ウィザードの最初のステップでデータベースにエントリを作成し、連続する各ページでモデルを更新しようとしています。

何か案は?

例または正しい方向のポイントをいただければ幸いです。

ありがとう!

注:キー/値データストアについて何か言及している別の投稿を読んだことがありますが、残念ながらそれは少し頭がおかしいです...