提交每个步骤

时间:2015-11-13 12:14:47

标签: jquery jquery-steps

我正在使用表单向导的jquery步骤。然后我希望步骤有不同的形式,每次步骤更改,使用上一个或下一个按钮,我想通过ajax提交表单。

当我尝试使用多个表单时,它没有用,导致var form = $("#example-advanced-form").show(); 所以我想我不能使用多种形式?

这是否意味着,我应该在每次改变步骤时提交整个表格?我真的不能这样做,因为在不同的步骤中,服务器端有验证规则。

你可以帮帮我吗?

2 个答案:

答案 0 :(得分:0)

Jquery步骤可能不适合您。如果您根据提供的数据提供完全不同的表格,我认为您有两种选择:

1)用JavaScript做。我可能会对此提出警告,因为它会在您的javascript中暴露出许多业务逻辑(如果x然后显示y)。

2)根据发送的模型使用部分视图(在MVC中)。如果我有一些非常复杂的工作,个人我宁愿在MVC土地而不是JavaScript,但这是个人偏好。

答案 1 :(得分:0)

$('#wizard-p-'+currentIndex).submit()中添加onStepChanging并创建像这样的提交功能

$('#wizard-p-0').submit(function(e) { var $form = $(this); var postData = $(this).serializeArray(); var formURL = $(this).attr("action"); $.ajax({ url : formURL, type : "POST", data : postData, async : true, success : function(data) { //success code }, error : function(jqXHR,textStatus,errorThrown) { //error code } }); e.preventDefault(); }); }

此功能用于提交步骤1。为每个相关步骤制定相同的功能。