HTML表單兩個不同的提交按鈕和兩個不同的功能

Question

具有兩個提交按鈕的HTML表單並使它們都執行兩種不同的功能而不使用內聯JavaScript的最佳方法是什么？ 我可以使用Jquery這樣執行$('#id').submit(function (event) {}); 會沒事的。 謝謝。

Answer 1

不要將它們設置為<input type="submit"> ，將其設置為<input type="button"> 。

如果您正在執行基本的HTTP POST ，則添加一個click事件，該事件將

1. 更改表單上的action
2. 調用表單上的submit() 。

如果您通過Ajax提交，則click事件將僅管理每個按鈕的$.post()流程。

Answer 2

如果將表單數據發布到下一頁，則可以檢測到單擊了哪個按鈕，並為每個按鈕分配一個值，例如“ button 1” value = 1和“ button 2” value =2。然后在單擊哪個按鈕的頁面。 這是一個類似的問題：

如何使用兩個提交按鈕，並區分使用哪個按鈕提交表單？