如何使用jQuery步骤修改表单向导

Question

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

？>

Answer 1

的onFinished方法可用于的形式提交给服务器

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