如何使用onsubmit（）來顯示確認是否在同一個表單上有多個提交按鈕？

Question

<form onsubmit="return confirm('Are you sure you want to rollback deletion of candidate table?')"> 
<input type='submit' name='delete' value='Undo' /> 
<input type='submit' name='no' value='No' /> 

當用戶點擊第二個提交按鈕時，即No我想顯示確認對話框爲「您確定要提交交易嗎？」。

Answer 1

<form method='post'> 
    <input type='submit' name='undo' value='Undo' onclick="return confirm('Are you sure you want to rollback deletion of candidate table?')"/> 
    <input type='submit' name='no' value='No' onclick="return confirm('Are you sure you want to commit delete and go back?')"/> 
</form> 

工作正常。 只是將onsubmit()更改爲onclick()。因爲在這種情況下兩者的功能是相同的。

Answer 2

只需使用兩個相同的形式。爲每個按鈕：

<form onsubmit="return confirm('Are you sure you want to rollback deletion of candidate table?')"> 
    <input type='submit' name='delete' value='Undo' /> 
</from> 
<form onsubmit="return confirm('Are you sure you want to rollback deletion of candidate table?')"> 
    <input type='submit' name='no' value='No' /> 
</from> 

另外，如果你會做你的研究，你會發現這些：

• Javascript onsubmit with form with multiple submits buttons
• HTML form with two submit buttons and two "target" attributes
• Form onSubmit determine which submit button was pressed
• How can I get the button that caused the submit from the form submit event?
  Two submit buttons in one form

Answer 3

您可以綁定到onclick而不是onsubmit - 請參見下文。

<script> 
function submitForm() { 
    return confirm('Rollback deletion of candidate table?'); 
} 
<script> 

<form> 
    <input type='submit' onclick='submitForm()' name='delete' value='Undo' /> 
    <input type='submit' onclick='submitForm()' name='no' value='No' /> 
</form> 

或者交替，使用jQuery：

<script> 
$(document).ready(function() { 
    $('form input[type=submit]').click(function() { 
     return confirm('Rollback deletion of candidate table?'); 
    }); 
}); 
<script> 

Answer 4

<form onsubmit="submitFunction();"> 
    <input type='submit' name='delete' value='Undo' /> 
    <input type='button' onclick="declineFunction()" name='no' value='No' /> 
</form> 

我不會嘗試創建一個提交而只是具有的onclick =按鈕 「功能（）」，然後使用JavaScript來設置一個變量來查看他們點擊了多少次，然後一個alert（）;

希望這有助於：d

Answer 5

下面是一個基於事件偵聽器的解決方案，避免了內聯事件處理程序（有用的，如果你的網站有一個禁止內聯JavaScript中的內容安全策略）：

HTML：

<form method="post"> 
    <input type="submit" id="deleteButton" name="delete" value="Undo" /> 
    <input type="submit" id="noButton" name="no" value="No" /> 
</form> 

JS：

document.getElementById("deleteButton").addEventListener("click", function(evt) { 
    if (!confirm("Are you sure you want to rollback deletion of candidate table?")) { 
     evt.preventDefault(); 
    } 
}); 

document.getElementById("noButton").addEventListener("click", function(evt) { 
    if (!confirm("Are you sure you want to commit the transaction?")) { 
     evt.preventDefault(); 
    } 
});