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?