Wie zu verwenden onsubmit() zeigen eine Bestätigung, wenn es mehrere submit-buttons auf dem gleichen Formular?

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

wenn der Benutzer klickt auf die zweite Schaltfläche Absenden ich.e No ich möchte die Anzeige der Bestätigungs-Dialog "Sind Sie sicher, dass Sie möchten, um einen commit für die Transaktion."

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

    Fein gearbeitet.
    nur geändert onsubmit() zu onclick(). da die Funktion der beiden in dieser situation ist die gleiche.

    • Diese Lösung ist nicht so nützlich, wenn man sich die Validierung auf die form, die zu einer Unterbrechung der Beitrag von der form und der onclick wird ausgelöst, auch wenn die form nicht veröffentlichen. Könnten Sie noch verwenden, wenn Sie rufen Sie Ihren Validierung als Teil der onclick obwohl.
    InformationsquelleAutor RatDon
  2. 3

    Konnte Sie binden zu onclick statt onsubmit - siehe unten.

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

    Oder alternativ, unter Verwendung von jQuery:

    <script> 
$(document).ready(function() {
    $('form input[type=submit]').click(function() {
        return confirm('Rollback deletion of candidate table?');
    });
});
<script>
    • Ich denke, die Frage wollte Schaltflächen, sollten unterschiedliche Bestätigungsmeldungen.
    InformationsquelleAutor Madison May
  3. 1

    Hier ist ein Ereignis-listener-basierte Lösung, die vermeidet, dass inline-event-Handler (nützlich, wenn Ihre Website verfügt über ein Content-Security-Policy verbietet, dass inline-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();
    }
});
    InformationsquelleAutor S. Jensen
  4. 0
    <form onsubmit="submitFunction();">
    <input type='submit' name='delete' value='Undo' />
    <input type='button' onclick="declineFunction()" name='no' value='No' />
</form>

    Ich würde versuchen, erstellen Sie eine senden -, sondern nur eine Schaltfläche mit einem onclick="Funktion()" und verwenden Sie dann javascript, um eine variable zu setzen, um zu sehen, wie viele Male Sie geklickt haben, und ein alert();

    hoffe, das hilft 😀

    InformationsquelleAutor Tony Ventura
  5. -1

    Nur zwei verwenden, die die gleiche form haben. Eine für jede Taste:

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

    Auch, wenn Sie fertig Ihre Forschung, die Sie finden würde, diese:

    • dies ist üblich. gibt es trotzdem zu tun, dass es mit mehreren submit-buttons in einem einzigen Formular?
    InformationsquelleAutor totymedli
Schreibe einen Kommentar