JQuery表单向导验证：如何在“后退”按钮上跳过验证？

Question

我在使用Spring Webflow制作的向导中使用JQuery验证。验证设置为在文档准备就绪时启用，因为我想要内联验证。一切正常。

如果我尝试点击它，我面临的问题是'上一页'按钮;它不会回来，因为验证失败了。如何在按下特定按钮时跳过验证？目前，我创建了一个on click函数，但是，Spring webflow无法返回到上一个视图。

有什么建议吗？

• JQuery验证插件：http://docs.jquery.com/Plugins/validation
• Spring Webflow：http://www.springsource.org/webflow版本2.x.x

验证：

$(document).ready(function(){
  // Validation for all the forms.
  $("#user_details").validate({ 
    rules: { ... },
    messages: { ... },
  });
...

向导流程：

<view-state id="userdetails" view="">
  ...
  <transition on="prev" to="homepage" validate="false"/>
  <transition on="next" to="nextstate" validate="true"/>
</view-state>

Answer 1

我遇到了类似的问题。我解决这个验证问题的方法是将class="cancel"添加到任何提交按钮（例如，取消或之前），我不希望触发jquery验证。

示例如下：

<input type="submit" name="_eventId_prev" value="<spring:message code="label.previous"/>" class="cancel" />

我发现这个解决方案更容易 - 无需维护其他代码。

Answer 2

一种方法，就是在后退按钮的点击事件下方卡拉斯。

$("#user_details").validate().cancelSubmit = true;