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

Question

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

我正在考虑将第一次提交更改为按钮并使单击事件调用验证，但这并没有真正起作用。有谁知道我怎样才能使第二页上的提交按钮提交（发布）整个表单？谢谢

Answer 1

听起来您想实现一个类似于Validation samples中的“Buy & Sell a House”演示的多部分表单。

由 Michael Evangelista 提供，展示了用于买卖房屋的多部分表格。

演示的显着特点：

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

Answer 2

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

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

您可以将一些 jQuery 与一些 javascript 一起使用，这些 javascript 在按下按钮时被激活，读取必要的输入并通过 jQuery 的$.post函数将它们发送到服务器。我还建议看看 jQuery 的序列化函数。