HTML表单两种不同的提交按钮和两种不同的功能

Question

什么是使用两个提交按钮让HTML表单具有两种不同的功能而不使用内联JavaScript的最佳方式？我可以使用JQuery，所以做$('#id').submit(function (event) {});会没事的。谢谢。

Answer 1

不要让他们<input type="submit">，使他们<input type="button">。

如果你正在做一个基本HTTP POST，然后添加一个点击事件，将

1. 变化action在表格上
2. 形式随叫随到submit()。

如果您通过Ajax提交，点击事件将只管理每个按钮的$.post()进程。

Answer 2

如果您将表单数据发布到下一页，您可以检测到哪个按钮被点击，并为每个按钮分配一个值，例如“按钮1”值= 1和“按钮2”值= 2。然后，根据点击哪个按钮在页面上执行不同的功能。这里有一个类似的问题：

How do I use two submit buttons, and differentiate between which one was used to submit the form?