web-dev-qa-db-fra.com

Confirmation avant de soumettre le formulaire à l'aide de jQuery

J'essaie d'ajouter une confirmation avant d'envoyer un formulaire à l'aide de jQuery. J'ai trouvé un bel exemple dans une autre question Stack Overflow le formulaire confirme avant de soumettre mais je ne peux pas le faire fonctionner.

jQuery: 

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

Modèle: 

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

Comment pouvons-nous y parvenir?

jqueryformsconfirm
15
Hans de Jong

Vous soumettez le formulaire et après avoir vérifié pour confirmer, vous devez inverser

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>
15
brunozrk
   $('#delete').submit(function(event){
     if(!confirm("some text")){
        event.preventDefault();
      }
    });
21
iHadaj

Assurez-vous de mettre votre code dans $(document).ready(), comme ceci:

$(document).ready(function () {
    $('form#delete').submit(function() {
        var c = confirm("Click OK to continue?");
        return c;
    });
});
0
Zvonimir Burić
    $(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>
0
Tuhin