0

こんにちは、ステップフォームstep1、step2などを使用しています

ここでjqueryを適用して次のページに移動しますが、次のステップでリクエストの最初のステップのデータを取得できないという問題があります。これは、非表示とブロックを表示するだけの単一ページの手順です。最終ステップが完了するまで、すべてのステップデータをphpリクエストで取得するにはどうすればよいですか

<form>
<div class="step1">
<input type="text" name="firstname">
</div>

<div class="step2">
<input type="text" name="lastname">
<div>

<input type="submit" name="sub">
<input type="button" name="next">
<input type="button" name"previous">

</form>

ここでいつ

4

2 に答える 2

0

手順 1でボタンをクリックしたまま、

  1. 対応するテーブルに挿入し、挿入されたIDを取得します

  2. 挿入された id 値をフォームの非表示の型に保持します。

手順 2でボタンをクリックしたまま、

  1. 挿入されたテーブル行データのそれぞれの列とその値を、フォームに保持したIDで更新する必要があります

すべてのステップが完了するまで、同じプロセスを続けます。

    <script>
        $(document).ready(function() {
           $("#next").click(function() {
             var currentStep = $('#currentStep').val(); // based on the step you need use some switch or conditional block to pass data and store it accordingly.
            // insertedId ==0 means you need to insert into table, if it not you need update the column in table

              var formdata = {insertedId:$("#insertedId").val(),currentStep:currentStep, first:$("#first").val()};

               $.ajax({
                 type: "POST",
                 url: "form.php",
                 dataType:'json',
                 data: formdata
                 })
                 .done(function( data ) {

                     var NextStep =parseInt(currentStep)+1;
                     $("#currentStep").val(NextStep);

                     $("#insertedId").val(data.insertedId);
                     $("#step"+currentStep).hide();
                     $("#step"+NextStep).show();

                 });
            });         
        });


    </script>

HTML:

        <div id="step1">Step 1:

            <input type="text" name="first" id="first" value="">

        </div>

         <div id="step2" style="display:none;">Step 2:

            <input type="text" name="last" id="last" value="">

        </div>

        <input type="hidden" name="insertedId" id="insertedId">
        <input type="hidden" name="currentStep" id="currentStep" value="1">
        <button id="next">Next</button>
于 2013-11-18T05:46:49.480 に答える
0

PHP の実装に依存しますが、ここには 2 つのオプションがあります。

1- ajax を使用して、各ステップの後にデータをサーバーに送り返します。2- 各ステップに別のページを使用します。

于 2013-11-18T05:38:03.927 に答える