以一种形式处理两个提交按钮

Question

所以我有一个很长的形式，分解成一个div的两块。我也使用jquery的validate插件。我在第一个div上有一个提交按钮，当它被按下时，它会验证表单并且如果成功移动到下一个表单上。问题是表单混淆了提交按钮实际上提交整个表单。这里是我的代码：fiddle

我想改变第一次提交到一个按钮，并使点击事件调用验证，但那并没有真正的工作。有谁知道我可以怎么做，以便第二页上的提交按钮应该提交（后）整个表单？谢谢

Answer 1

这听起来像你想要实现一个多部分表格，类似于Validation samples中的"Buy & Sell a House" demo。

供稿人：Michael Evangelista，显示 的多部分表格买卖房屋。

演示的显着特点：

多部分，使用jQuery UI的手风琴和一个自定义 方法来检查是否验证 集成蒙面输入插件当一个元素是当前页面上，看到电话实现和邮政领域

Answer 2

问题是，两个提交表单将发送相同的表单回到服务器。使用div分隔两个不会将表单从逻辑上分离为更小的子表单。

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

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