Confirmer l'affichage de la boîte de dialogue sur le bouton Annuler?

Question

J'utilise l'étiquette <a> suivante pour afficher une confirmation simple. Toutefois, lorsque je clique sur le bouton Annuler, la méthode de publication est toujours exécutée. D'après ce que je comprends, avoir le return en face de confirmer devrait provoquer le formulaire de ne pas poster si le bouton Annuler est cliqué. J'ai ce code à la fin de la page mais je ne pense pas que cela ait quelque chose à voir avec le problème. Je ne pensais pas qu'il déclencherait l'événement click lors de la sélection de Cancel dans la boîte de dialogue Confirmer.

Cela prend juste les valeurs dans l'action de données et la valeur de données et les stocke dans un champ caché. Ceci est fait sur un clic auquel il ne devrait pas arriver.

@section scripts { 
    <script> 
    $(document).ready(function() { 
     // Hook events on buttons and anchors 
     buildClickEvents(); 
    }); 

    // Hook events on buttons and anchors 
    function buildClickEvents() { 
     $("[data-potr-action]").on("click", function (e) { 
     e.preventDefault(); 

     $("#EventCommand").val(
      $(this).data("potr-action")); 

     $("#EventArgument").val(
      $(this).attr("data-potr-val")); 

     $("form").submit(); 
     }); 
    } 
    </script> 
} 

Answer 1

Pour répondre à votre question, aucune confirmation ne bloque le formulaire. Il retourne vrai si pressé "OK" ou faux si pressé le bouton "Annuler". Voir ce billet depuis W3c

Qu'est-ce que vous pourriez est comme ci-dessous:

function buildClickEvents() { 
    $("[data-potr-action]").on("click", function (e) { 
    e.preventDefault(); 
    var result = confirm('Are you sure you want to delete this Request?'); 
    if(result == false){ 
     return; 
    } 
    $("#EventCommand").val(
     $(this).data("potr-action")); 

    $("#EventArgument").val(
     $(this).attr("data-potr-val")); 

    $("form").submit(); 
    }); 
} 

et retirez le dessous d'un tag:

onclick="return confirm('Are you sure you want to delete this Request?');" 

Answer 2

$("[data-potr-action]").on("click", function (e) { 
    if(confirm("your message")){ 
     $("#EventCommand").val(
      $(this).data("potr-action")); 

     $("#EventArgument").val(
      $(this).attr("data-potr-val")); 

     $("form").submit(); 
    } 

    e.preventDefault(); 


    });