Jquery 使用位置绝对验证引擎进行多步骤注册表验证

Jquery 使用位置绝对验证引擎进行多步骤注册表验证,jquery,html,validation,Jquery,Html,Validation,我正在做多步骤登记表。为此,我为表单标记中的每个步骤创建了带有下一步按钮的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="re

我正在做多步骤登记表。为此,我为表单标记中的每个步骤创建了带有下一步按钮的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步的所有必填字段都被归档时,表单将被提交到服务器

任何人,请建议如何处理这种情况。理想情况下,当填写了特定步骤的所有必填字段时,应转到下一步,不应提交,反之亦然


谢谢你花这么多时间

使用javascript防止表单在每个按钮后提交(此处为jQuery):

jQuery(".registration_step_1").click(function() { /*some code */ return false; } );