Come utilizzare onsubmit() per mostrare una conferma se ci sono più pulsanti di invio sullo stesso modulo?

Question

quando l'utente fa clic sul secondo pulsante di invio i.e No voglio visualizzare il dialogo di conferma come "Sei sicuro di voler eseguire la transazione".

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> 

Ha funzionato bene. appena cambiato onsubmit() a onclick(). poiché la funzione di entrambi in questa situazione è la stessa.

Answer 2

Basta usare due dello stesso modulo. Uno per ogni pulsante:

<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> 

Inoltre, se si desidera fatto la vostra ricerca si troverebbero questi:

• 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

È possibile associare a onclick anziché onsubmit: vedere di seguito.

<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> 

o in alternativa, utilizzando 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> 

riprenderei cerco di creare un inviare, ma piuttosto solo un pulsante che ha un onclick = "function()" e poi utilizzare JavaScript per imposta una variabile per vedere quante volte hanno cliccato e un alert();

speranza che questo aiuta: D

Answer 5

Ecco una soluzione basata sugli eventi-ascoltatore che evita i gestori di eventi in linea (utile se il sito ha una politica del contenuto di sicurezza che vieta in linea 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(); 
    } 
});