Model view controller 使用Jquery表单向导在每个步骤提交表单

我正在MVC应用程序中使用Jquery表单向导插件。 我有一张有4个步骤的表格。在其中一个步骤中，我有上传功能。 我希望在每一步提交功能，以及返回和下一步。后面的步骤是可选的

我可以在导航中添加一个提交按钮。单击它，仅提交与活动步骤相关的表单数据，其他数据为空

为了更清楚地说明我的问题： 视图：

第一步
一些输入控件
第二步
更多输入控件（可选）
第三步
使用filu上传的更多输入控件
（可选）
第四步
更多输入控件（可选）
提交并完成

脚本：

<script type="text/javascript">
    $(function () {
        $("#myform").formwizard({
            validationEnabled: true,
            focusFirstInput: false,
            disableUIStyles: true,
            textSubmit: 'Submit and Finish',
            textNext: 'Continue to next step',
            next: "input:submit"
        }
        );
    });
</script>

$（函数（）{
$（“#myform”）.formwizard({
validationEnabled:正确，
focusFirstInput:false，
是的，
text提交：“提交并完成”，
text下一步：“继续下一步”，
下一步：“输入：提交”
}
);
});

将Jquery.form.wizard.js更新为，以便在最后一步隐藏submit按钮。 现在每一步我都有提交按钮和导航按钮

当我在第二步提交表单时，第二步中的表单数据只会过账，其余部分不会过账

我仔细检查了样品，但没有找到合适的。

---

有人能建议如何实现这一点吗？

我浏览了文档和jquery.form.wizard.js文件，以便更好地理解所做的工作

我只需要写一些脚本如下：

<script type="text/javascript">
    $(function () {
        $("#myform").formwizard({
            validationEnabled: true,
            focusFirstInput: false,
            disableUIStyles: true,
            textSubmit: 'Submit and Finish',
            textNext: 'Continue to next step',
            next: "input:submit"
        }
        );
    });
    $('#submitBtn').click(function () {
        var stepInfo = $('#myform').formwizard('state');
        for (var i = 0; i < stepInfo.activatedSteps.length; i++) {
            stepInfo.steps.filter("#" + stepInfo.activatedSteps[i]).find(":input").not(".wizard-ignore").removeAttr("disabled");
        }
    });
</script>

$（函数（）{
$（“#myform”）.formwizard({
validationEnabled:正确，
focusFirstInput:false，
是的，
text提交：“提交并完成”，
text下一步：“继续下一步”，
下一步：“输入：提交”
}
);
});
$（'#submitBtn'）。单击（函数（）{
var stepInfo=$（'#myform'）.formwizard（'state'）；
对于（变量i=0；i

实现这一点我没有问题。请确保您的字段位于字段集标记中；如果粘贴标记失败。

<script type="text/javascript">
    $(function () {
        $("#myform").formwizard({
            validationEnabled: true,
            focusFirstInput: false,
            disableUIStyles: true,
            textSubmit: 'Submit and Finish',
            textNext: 'Continue to next step',
            next: "input:submit"
        }
        );
    });
    $('#submitBtn').click(function () {
        var stepInfo = $('#myform').formwizard('state');
        for (var i = 0; i < stepInfo.activatedSteps.length; i++) {
            stepInfo.steps.filter("#" + stepInfo.activatedSteps[i]).find(":input").not(".wizard-ignore").removeAttr("disabled");
        }
    });
</script>