处理表单中的两个提交按钮

Question

所以我有一个很长的形式，分成了两个与divs。我也在使用jquery的validate插件。我在第一个div上有一个提交按钮，当按下时，它会验证表单，如果成功则移动到下一个表单上。问题是表单对提交按钮实际提交整个表单感到困惑。这是我的代码：fiddle

我正在考虑将第一个提交更改为按钮并使click事件调用验证，但这并没有真正起作用。有谁知道我怎么做，以便第二页上的提交按钮应提交（发布）整个表格？感谢

Answer 1

听起来您希望实现与"Buy & Sell a House" demo中的Validation samples类似的多部分表单。

  

由Michael Evangelista供稿，展示了一个多部分形式   买卖房屋。

     

演示的显着特征：

     

Multipart，使用jQuery UI手风琴和自定义实现   验证时检查元素是否在当前页面上的方法   与masked-input插件集成，请参阅电话和Zip字段

Answer 2

问题是两个提交表单都会将相同的表单发送回服务器。使用div分隔两者并不会在逻辑上将表单分成更小的子表单。

我认为最简单的解决方案是使用两个单独的表单，因为如果您只能使用提交按钮将表单发布到服务器。

你可以使用一些jQuery与一些javascript，只需按一下按钮激活，读取必要的输入并通过jQuery的$.post功能将它们发送到服务器。我还建议查看jQuery的serialize函数。