3

jQuery ステップをインストールしましたが、ステップ ウィザードでフォームを作成したいと考えています。問題は、「完了」ボタンが表示されたときに、PHP でフォームを送信する方法です。最後の送信の処理を除いて、以下のすべてのコードが機能します。

私のフォームのサンプルコード:

<form method="POST" action="#" role="form">
    <div id="wizard">
        <h2>Info</h2>
        <section>
              <div class="form-group">
                <label for="text">Email address:</label>
                <input type="text" class="form-control" id="text">
              </div>
        </section>

        <h2>Second Step</h2>
        <section>
           //form stuff
        </section>

        <h2>Third Step</h2>
        <section>
           //form stuff
        </section>

        <h2>Forth Step</h2>
        <section>
            form stuff
        </section>
    </div>
</form>

jQuery ステップを呼び出すスクリプト:

<script>
    $(function ()
    {
        $("#wizard").steps({
            headerTag: "h2",
            bodyTag: "section",
            transitionEffect: "slideLeft",
            stepsOrientation: "vertical"
        });
    });
</script>

最後に、PHP を使用してフォーム ウィザードを db に送信します。

<?php 
if(isset($_POST['submit'])){
    //save values
}

?>

4

1 に答える 1