問題タブ [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 投票する
1 に答える
534 参照

php - マルチステップフォームと機密データの処理?

現在、CodeIgniterアプリでマルチステップフォームを設定していますが、機密データを保持するため、設定するための最良の方法を考えています。現在、ajaxを使用して各ステップを検証してから次のステップにリダイレクトする5ページのフォームがあります。各ステップに「戻る」ボタンを含めました。フォームには、作成したdbセッションから入力したばかりのデータが入力されています。これが賢明なことかどうか疑問に思っていますか?または、ユーザーを苛立たせる可能性があるとしても、前のステップに戻れないように制限する必要があります。フォーム送信時にセッションを破棄しています。

前もって感謝します :)

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

php - MySQLからのJsonのエンコーディング

そのため、MySQLからJSONにエンコードしようとしていますが、[pagenumber] [id、type、description] [answerid、answerdescription]形式で必要です。これの目標は、マルチステップポーリングを生成するjavascriptファイルのデータを読み取ることです。

ここで、どのように表示するかについて擬似コードを描画してみます。

これは私がこれまでに得たものですが、これに3番目の「次元」を追加する方法を考えることができないようです。[id =>(int)、description =>(string)]の配列を添付する必要があります各質問に。そして、各質問には、それらに関連するいくつかの回答のための余地が必要です。Answers / Options配列の最後の列はテキスト文字列用です(ほとんどの回答はID番号で回答されますが、一部は文字列全体を必要とするテキストエリアです)。おそらくシリアル化することでフォームの結果を送り返すことができるので、これは必要ないかもしれません。

この結果は次のとおりです(最初の3ページ)。

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

javascript - Jqueryを使用してPHPデータを段階的に取得するにはどうすればよいですか?

jqueryとphpの組み合わせに少し問題があります。コードから始めましょう。

PHPコード:

コード出力: たとえば、files->number = 2 の場合、出力は 50 100 になります。

Jqueryコード:

問題:私が望むのは、最初に 50 を警告し、次に 100 を警告することです。つまり、最初のループが php で終了し、最初の進行状況の値をエコーするとき、jquery はそれを傍受できるはずですが、jquery はループ全体の後にデータを警告しますこれは、1 つのアラートで 50100 を取得することを意味します。jQuery でこれを処理できる方法はありますか? PHPを使用して、たとえば非表示のdivまたは属性のループ数を生成し、jQuery内でループを使用する他のソリューションがあることは知っていますが、本当に直接やりたいです。

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

ruby-on-rails-3 - Rails 3、大規模なマルチステップ フォーム: 1 つの大規模なコントローラーまたはリソースで区切られた?

ユーザーが複数の異なるページに情報を入力するマルチステップ フォームがあります。従来のレールでは、各リソースを独自のコントローラーで個別に保持し、REST アクションを使用してデータを操作します。

従来のシステムでは、1 つのマルチステップ フォームに対して 3 ~ 5 個の異なるコントローラー (一部のステップはオプション) を使用していました。従来のやり方ではコントローラーに「秩序」という感覚がありません。プロジェクトに参加する新しい開発者は、どのステップがどのステップにマップされるかなどを学ばなければなりません。

一方で、慣習を打ち破り、複数ステップのフォーム全体を 1 つのコントローラーで管理することも考えました。このコントローラーは、次のようなメソッドでいっぱいになります。

この 1 つのコントローラーはかなり長くなりますが、基本的には一連の結合されたメソッドです。1 つはステップ (フォーム) を表示するためのもので、もう 1 つは更新して次のステップにリダイレクトするためのものです。

これは Rails の慣習に違反するため、独自のルーティングを設定する必要があります。

しかし、他の人がこの問題をどのように解決したのか興味がありますか? 私は両方のCANが機能することを知っていますが、長期的にはどちらが保守とコーディングが容易かを知りたいです.

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

asp.net-mvc - .NET MVC3 での複数ページ フォームのベスト プラクティス/設計

ユーザーが複数のページにまたがる複数ステップのフォームに入力する Web アプリケーションに取り組んでいます。フォームの上部にはタブ ナビゲーションがあり (これらのリンクは現在のページを送信しません)、下部に [次へ] ボタンがあります (送信します)。フォームの送信/検証を処理するためのいくつかの戦略を検討しています。

  1. フォーム ページごとに 1 つのアクション メソッドとビュー。次へを押すと、次のページのアクション メソッドにフォームを送信します。検証エラーがある場合は、前のページにリダイレクトされます。

    • URL は説明的であり、コピーして貼り付けることができます
    • エラーの場合のみリダイレクト
    • リダイレクトにはフォームデータがないため、送信に関するコンテキストが失われ、特定のエラーメッセージを表示するのが難しくなります
    • ユーザーがまだ準備ができていないフローのステップにアクセスしようとした場合、ユーザーをリダイレクトするために同じ検証ロジックが機能します。
  2. フォーム ページごとに 1 つのアクション メソッドとビュー。次にヒットすると、フォームが現在のページ アクションに送信されます。検証エラーがある場合、同じビューが返されます。それ以外の場合は、次のページ アクションにリダイレクトします。

    • URL は説明的であり、コピーして貼り付けることができます
    • リダイレクトは非常に一般的です (これが悪いかどうかはわかりません)
    • 検証エラーを表示するときは、フォーム送信と同じリクエストにいるため、無効な入力に完全にアクセスできます
    • たとえば、送信も行う「前へ」ボタンを追加する機能が必要な場合は、追加のコンテキストを渡す必要があります
  3. すべてのページに対して 1 つのアクション メソッド。URL には、送信されるステップに関する追加のコンテキストが含まれています (例: MyController/MyAction/{step})。コントローラ メッセージは、検証と現在のステップに応じて、返すビュー ページを選択します。

    • URL は説明的ではありません (たとえば、ステップ 1 を送信してステップ 2 に進むと、ページ 1 (無効) またはページ 2 が返されるかどうかに関係なく、ユーザーに表示される URL は同じになります)
    • リダイレクトなし
    • 検証エラーを表示するときは、フォーム送信と同じリクエストにいるため、無効な入力に完全にアクセスできます
  4. ここにリストしていない別の方法

各方法の長所と短所のいくつかを列挙しようとしましたが、知りたいと思います。

  • これらの方法の他の長所と短所は何ですか? 私のは正しいですか?私がリストした短所のいくつかは、設計されている可能性がありますか?
  • 私が使用すべきこの問題への標準的なアプローチはありますか? もしそうなら、なぜそれが標準的なアプローチなのですか?
0 投票する
3 に答える
281 参照

php - HTML フォームでどのオプションが選択されているかを知るにはどうすればよいですか?

HTML と PHP を使用して複数ステップのフォームを作成したいと考えています。私のフォームの最初のステップは、次のようなオプションです。

さて、私の質問は次のとおりです。ユーザーの次のステップのオプションを調整するために、どのオプションが選択されているかをどのように知ることができますか?

例: ユーザーがオプション 1 を選択した場合、次のステップは次のようになります。ユーザーがオプション 2 を選択すると、次のステップで「オプション 2 へようこそ。お好きなものを教えてください」などと表示されます。

現在、私は PHP/HTML の初心者であり、JavaScript については何も知りません。こう答えてくれたら大変ありがたいのですが、分かりやすい形でお願いします。

これは私のケースに関連していることはすでにわかっていますが、カスタマイズが非常に難しく、検証プロセスは CSS3 以前のものです。

[編集:]

次に、次のようなテキスト型の入力を追加します。

みんなが使用するように言った$_POST['fname']が、入力テキストの場合、「値」プロパティはデフォルトのキャプションのようにテキストボックス内に表示されます。私はこれをしたくありません。

今、あなたは何を提案しますか?

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

ruby - タブを使用した Ruby on Rails

みんな!

最初は、大量の要素 (テキスト フィールド、テキスト領域など) を含む 1 つのフォームを作成しました。フォームの準備ができたとき、これほど大きなフォームを連続して記入するのはあまりユーザーフレンドリーではないことがわかりました。「ステップ」システム (ステップ 1 -> ステップ 2 -> ... -> ステップ n)を使用したくありません。エンドユーザーがこのフォームに任意の順序で記入できるようにしたいからです ( + ユーザーはどのフォームに入力する必要があるかを事前に確認できるため、フォームをいくつかのタブに分割しました。

アイデアは次のとおりです。ユーザーがいずれかのタブでフォームに入力したら、[保存] ボタンをクリックして次のタブに進みます (任意の順序で)。

私が知りたかったこと-中間データを保存するための最良の方法は何ですか? 各「ステップ」でタブに関連するデータのみが検証され、DB に保存されるように、モデルに渡されるタブ ID を持つ各タブフォームにいくつかの非表示の入力を用意する必要があります。または、おそらく、現在のオブジェクトを含む session[:object] が必要であり、最後にそれを DB に保存してセッションから消去します。

このアイデアは実現できますか?

前もって感謝します!:)

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

php - PHPで巨大なプロセスを複数のステップに分割する方法は?

xmlファイルを処理し、データベースに応じていくつかのデータを挿入する必要があります。XMLファイルには10000行近くが含まれており、データベースに挿入する行が数千行になる可能性があるため、スクリプトがを超えるのではないかと心配していますmax execution time

これを防ぐために、プロセス全体を小さなステップに分割し、スクリプトが数秒ごとにページを更新し、実行中の処理を続行するスクリプトを見てきました。

私はそれがどのように行われるのだろうか?

0 投票する
0 に答える
395 参照

validation - 次のステップの確認フィールドの場合、マルチステップ形式で確認を検証するにはどうすればよいですか?

client_side_validations-formtasticclient_side_validations宝石を使っています。

私のモデルでは:

知らせる

new_attendee_confirm

多段階フォーム検証用のスクリプト#new_attendee_saveを追加しました (モデルから削除すると機能validates_confirmation_ofします):

このロジックが必要です。ユーザーが最初のステップでフォームに入力すると、確認を除くすべての検証がトリガーされます。次にユーザーが保存ボタンをクリックすると、同意が表示され、署名として子と親の名前を入力するように求められます。これらのフィールドでは、検証は存在と確認のために機能する必要があります。このシナリオを実装する方法はありますか?

私のやり方validate: { confirmation: false }では、最初のステップに追加しても機能せず、確認と一致しないというメッセージが表示されます。

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

forms - マルチステップのフォーム検証 Codeigniter

Codeigniter で複数ステップのフォーム検証を実行することは可能ですか?エラーが見つかった場合、フォーム検証は停止します (他のフォーム検証ルールを検証しません)?

Form_validation クラスの set_rules() および run() メソッドを使用すると、最初のルールを通過しなくても、すべてのルールがチェックされます。

それとも、モデルのこれらの基準を特定の順序で検証し (検証エラーで停止するように)、単一のエラー メッセージをビューに渡す方がよいでしょうか?