如何使用jQuery步骤汇总表单向导

时间:2015-09-17 15:36:51

标签: jquery jquery-steps

我已经安装了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
}

&GT;

1 个答案:

答案 0 :(得分:1)

onFinished方法可用于将表单提交给服务器

onFinished: function (event, currentIndex) {
    var form = $(this);
    // Submit form input
    form.submit();
},