带PHP多页表单的引导向导插件？

我有一个PHP表单，分为3个单独的PHP页面。第一个页面提交表单信息，然后由第三方API处理。然后，返回的（验证的）结果与表单一起显示在第二个PHP页面中，以供进一步处理

我的问题是，是否有一种方法可以将此流程集成到具有选项卡结构的中

e、 g.点击“下一步”填写并提交表单，并将向导插件移至选项卡2。显示已处理的下一个PHP页面

<!-- Wizard -->
    <section class="wizard">

        <!-- Wizard navigation -->
            <ul>
                <li><a href="#step1" data-toggle="tab">Registration</a></li>
                <li><a href="#step2" data-toggle="tab">Next step</a></li>
                <li><a href="#step3" data-toggle="tab">Confirmation</a></li>
            </ul>

            <!-- Wizard progress bar -->
            <div class="progress progress-line progress-striped">
            <div class="progress-bar progress-bar-success"></div>
            </div>

        <!-- Wizard content -->
            <div class="tab-content">
                <div class="tab-pane" id="step1">
                <h3>This is first step</h3>
            <form method="post" action="myform.php?api=form&step=1">
                <input type="text" name="phonenumber" id="phonenumber" />
                <input type="submit" value="continue" class="btn btn-primary" />
            </form>
            </div>

            <div class="tab-pane" id="step2">
                <h3>Second step content</h3>
            <form method="post" action="myform.php?api=form&step=2">
                <input type="text" name="faxnumber" id="faxnumber" />
                <input type="submit" value="continue" class="btn btn-primary" />
            </div>

                <div class="tab-pane" id="step3">
                <h3>This is third final step (completed)</h3>
                <p>Form Process Complete</p>
                </div>

        <!-- Wizard pager -->
            <ul class="wizard pager">
            <li class="previous"><a href="javascript:;">Previous</a></li>
            <li class="next"><a href="javascript:;">Next</a></li>
            <li class="next finish"><a href="javascript:;">Finish</a></li>
            </ul>
    </div>

   </section>
   <!-- /Wizard -->
<script src="/js/jquery.bootstrap.wizard.js"></script>
        <script>
            $(document).ready(function() {

                $('.wizard').bootstrapWizard({onTabShow: function(tab, navigation, index) {
                    var wizard = $('.wizard');
                    var $total = navigation.find('li').length;
                    var $current = index+1;
                    var $percent = ($current/$total) * 100;
                    wizard.find('.progress-bar').css({width:$percent+'%'});

                    // If it's the last tab then hide the next button and show the finish instead
                    if($current >= $total && $total != 0) {
                        wizard.find('.pager .next').hide();
                        wizard.find('.pager .finish').show().removeClass('disabled');
                    } else {
                        wizard.find('.pager .next').show();
                        wizard.find('.pager .finish').hide();
                    }

                }});
            });
</script>

这是第一步
第二步内容
这是第三个最后步骤（已完成）
表单处理完成






$（文档）.ready（函数（）{
$（'.wizard'）.bootstrapWizard（{onTabShow:function（选项卡、导航、索引）{
变量向导=$（'.wizard'）；
var$total=navigation.find（'li'）.length；
var$当前=指数+1；
变量$百分比=（$当前/$总计）*100；
wizard.find（'.progress bar'）.css（{width:$percent+'%}）；
//如果是最后一个选项卡，则隐藏“下一步”按钮并显示“完成”
如果（$current>=$total&&$total！=0）{
wizard.find（'.pager.next'）.hide（）；
wizard.find（'.pager.finish'）.show（）.removeClass（'disabled'）；
}否则{
wizard.find（'.pager.next'）.show（）；
wizard.find（'.pager.finish'）.hide（）；
}
}});
});

---

因此，我试图实现的是让第一个表单在向导的第二个选项卡中显示其结果。

是的，您可以，我建议使用bwizard.js和bwizard.css插件。并在表单中添加一个按钮，现在您必须使用ajax调用该操作，而不是使用提交类型的实际输入。使用jQuery，在“btn#u submit”成功后，您将通过给每个选项卡一个I'd来标记要关注的第二个选项卡，或者您可以使用PageInspector并针对每个选项卡的默认I'd，如果我记得正确的话，它是#step1等。

“如果需要，我当然可以包含代码。”您必须包含代码。这是必要的，好的。行。这很有帮助。我觉得阿贾克斯可能会参与其中。我会调查的，看看能不能弄明白。非常感谢。