Comment utiliser onsubmit() pour afficher une confirmation si il y a plusieurs boutons de soumission sur le même formulaire?

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

lorsque l'utilisateur clique sur le deuxième bouton envoyer je.e No je veux afficher la boîte de dialogue de confirmation "etes-vous sûr que vous voulez valider la transaction."

double possible de Javascript onsubmit du formulaire avec plusieurs soumet boutons

OriginalL'auteur RatDon | 2013-08-03

  1. 23
    <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>

    A bien fonctionné.
    juste changé onsubmit() à onclick(). comme la fonction de deux dans cette situation est la même.

    Cette solution n'est pas aussi utile en cas de validation sur la forme que pourra interrompre le poste de la forme d'un onclick permettra de feu, même quand le formulaire n'a pas de poste. Vous pouvez toujours l'utiliser si vous appelez votre validation dans le cadre de la onclick.

    OriginalL'auteur RatDon

  2. 3

    Vous pouvez lier à onclick au lieu de onsubmit - voir ci-dessous.

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

    Ou alternativement, à l'aide de jQuery:

    <script> 
$(document).ready(function() {
    $('form input[type=submit]').click(function() {
        return confirm('Rollback deletion of candidate table?');
    });
});
<script>
    Je pense que la question a voulu boutons qui sont différents messages de confirmation.

    OriginalL'auteur Madison May

  3. 1

    Voici un écouteur d'événement solution évite inline gestionnaires d'événements (utile si votre site a un Contenu Politique de Sécurité qui interdit le JavaScript en ligne):

    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();
    }
});

    OriginalL'auteur S. Jensen

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

    Je ne reviendrai pas essayer de créer une page de soumission, mais plutôt juste un bouton qui a une onclick="fonction()" et ensuite utiliser javascript pour définir une variable pour voir combien de fois qu'ils ont cliqué et un alert();

    espère que cela aide 😀

    OriginalL'auteur Tony Ventura

  5. -1

    Utiliser deux de la même forme. Un pour chaque bouton:

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

    Aussi, si vous souhaitez faire votre recherche vous trouverez ces:

    ce qui est commun. est-il de toute façon de le faire avec plusieurs boutons de soumission en une seule forme?

    OriginalL'auteur totymedli