使用onsubmit函數在同一表單上提交多個提交按鈕

Question

我在myform中有3個sumbit按鈕，我根據它點擊的按鈕需要不同的3個動作。 所以我需要編寫javascript函數來做同樣的事情。 我如何在javascript中了解點擊了哪個按鈕。

使用Javascript：

<script type="text/javascript" language="javascript">
function submitform(){
    //do something
}

HTML：

form name="myform" method="get,post" onsubmit="return submitform();"
input type="submit" name="submit" value="Home"
input type="submit" name="submit" value="Reschedule"
input type="submit" name="submit" value="Cancel"

任何幫助將不勝感激

Answer 1

編輯：

您還可以使用隱藏的輸入來告訴您按下了哪個按鈕，然后在服務器上處理它。 單擊按鈕時，它將在提交之前更改該輸入。

<input type="submit" onclick="javascript:document.getElementById('submitClicked').value='forward';return true;" id="linkName" value="Forward" />
<input type="submit" onclick="javascript:document.getElementById('submitClicked').value='back';return true;" id="back" value="Back" />

演示： http ： //jsfiddle.net/Homeliss/vperb/

注意：該演示使用jquery顯示消息而不是發布表單，但這僅用於演示目的。 解決方案是簡單的JavaScript

Answer 2

如果你可以使用jQuery，那么這可能會容易得多。

然而，一種解決方案是從表單中刪除submitform（）並將其添加到每個提交按鈕的onclick事件中。 這樣，您可以更改它以傳遞一個參數，表示哪個按鈕稱為它。

祝好運。

Answer 3

我們可以在HTML頁面中提交 一次的形式。 所以我們在表單中只使用一個提交按鈕。 但是為了調用更多函數我們可以使用onClick事件和輸入類型應該是按鈕。

Answer 4

我有個問題。 表單中是否還有其他輸入字段？ 如果還有其他字段，例如文本字段，當我們在文本字段中按Enter鍵時，將調用哪些按鈕操作？

我的建議如下：

<form name="myform" method="get,post" onsubmit="return false;">
    <input type="button" value="Home" onclick="submitform(1)" />
    <input type="button" value="Reschedule" onclick="submitform(2)" />
    <input type="button" value="Cancel" onclick="submitform(3)" />
</form>

在此代碼中，用戶必須單擊按鈕才能提交表單，按Enter鍵將不會執行任何操作。