Bestätigung vor dem Senden des Formulars mithilfe von jQuery

Question

Ich versuche, eine Bestätigung hinzuzufügen, bevor ein Formular mit jQuery übergeben wird. Ich fand ein schönes Beispiel in einer anderen Stack Overflow Frage form confirm before submit, aber ich kann es nicht zum Laufen bringen.

jQuery:

$(function() { 
    $('form#delete').submit(function() { 
     var c = confirm("Click OK to continue?"); 
     return c; 
    }); 
}); 

Vorlage:

<form id="delete" action="{% url 'item_delete' item.id %}" method="post">{% csrf_token %} 
    <input class="floatright" type="submit" value="Delete" /> 
</form> 

Wie können wir das erreichen?

Answer 1

Sie das Formular abschicken und nach bestätigen einchecken, müssen Sie die inverse

JS:

$(function() { 
    $("#delete_button").click(function(){ 
     if (confirm("Click OK to continue?")){ 
     $('form#delete').submit(); 
     } 
    }); 
}); 

HTML:

<form id="delete" action="{% url 'item_delete' item.id %}" method="post">{% csrf_token %} 
    <input id="delete_button" class="floatright" type="button" value="Delete" /> 
</form> 

Answer 2

Achten Sie darauf, dass Sie Ihren Code setzen in $(document).ready(), wie folgt:

$(document).ready(function() { 
    $('form#delete').submit(function() { 
     var c = confirm("Click OK to continue?"); 
     return c; 
    }); 
}); 

Answer 3

$('#delete').submit(function(event){ 
    if(!confirm("some text")){ 
     event.preventDefault(); 
     } 
    }); 

Answer 4

$(function() { 
     $('form#delete').click(function(e) { 
     e.preventDefault(); 
     var c = confirm("Click OK to continue?"); 
     if(c){ 
      $('form#delete').submit(); 
      } 
     }); 
    }); 

    <form id="delete" action="www.google.com"> 
     <input id="deletesubmit" type="submit" value="Delete" /> 
    </form>