0

我正在处理多步骤注册表单。为此，我为表单标签内的每个步骤创建了带有下一步按钮的 div，如下所示...

<form action="" method="POST">
<div class="registration_step_1 clearfix">
 /*few form fields here such as username, password etc.*/

  /*Button to proceed to next step*/
  <button class="redBtn right_part step_btn">Next</button>
</div>

<div class="registration_step_2 clearfix">
 /*few form fields here such as username, password etc.*/

  /*Button to proceed to next step*/
  <button class="redBtn right_part step_btn">Next</button>
</div>

<div class="registration_step_3 clearfix">
 /*few form fields here such as username, password etc.*/

  /*Button to proceed to next step*/
  <button class="redBtn right_part step_btn">Next</button>
</div>


<div class="registration_step_4 clearfix">
 /*few form fields here such as username, password etc.*/

  /*Button to proceed to next step*/
  <button class="redBtn right_part step_btn">Next</button>
</div>

<div class="registration_step_final clearfix">
<input type="submit" value="Register" class="redBtn round-button">
</div>

</form>

我正在使用位置绝对表单验证引擎。

我们可以按如下方式触发验证： jQuery("#formID").validationEngine();

问题是每个步骤都可以有很少的必填字段。对于最初的处理向导，我只显示第一步并显示：没有其他 div。但在这种情况下，当步骤 1 的所有必填字段都已提交时，表单将提交到服务器。

任何人，请建议如何处理这种情况。理想情况下，当填写特定步骤的所有必填字段时，它应该进入下一步并且不应该提交，反之亦然。

谢谢你所有的时间。

4

1 回答 1

2

使用javascript（此处为jQuery）防止在每个按钮之后提交表单：

jQuery(".registration_step_1").click(function() { /*some code */ return false; } );
于 2012-11-09T01:01:45.927 回答