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

如果您要将表单数据发布到下一页，您可以检测到单击了哪个按钮，并为每个按钮分配一个值，例如＆＃34;按钮1和＃34; value = 1和＆＃34;按钮2＆＃34; value = 2.然后根据单击的按钮在页面上执行不同的功能。这是一个类似的问题：

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