jQuery Girl
  1. jQuery Girl
  3. Comment append une boîte de dialog de confirmation à un bouton d’envoi au format html5?
Intereting Posts
Basculer la classe de l’élément parent en utilisant ng-click? À quoi sert l’option fullpage.js normalScrollElementTouchThreshold? jquery: sélectionne et désélectionne les éléments de la liste Passer la fonction anonyme qui nécessite un paramètre, à une autre fonction en tant qu’argument qui sera affecté à un onclick Jquery draggable position – clone Le site se comporte différemment lorsque les outils de développement sont ouverts IE11 Jquery Chosen plugin. Sélectionnez plusieurs de la même option liste sortingable nestede jquery Comment append une barre de progression de la chanson dans SoundManager2? Datatable shiny avec des lignes enfants en utilisant ajax content-disposition ne provoque pas une sauvegarde en tant que ASP.NET MVC AJAX avec HTML.ValidationMessageFor Comment supprimer un fichier avec javascript? jQuery UI autocomplete en RoR modal distant ASP.NET MVC rendant une vue partielle avec jQuery ajax

Comment append une boîte de dialog de confirmation à un bouton d’envoi au format html5?

Je crée une application dans django et j’ai le problème suivant: j’ai un formulaire en HTML avec un bouton d’ django , mais je souhaite afficher une boîte de dialog de confirmation pour sélectionner Yes ou No avant de traiter les informations. Comment pourrais-je le faire?

Ceci est mon code de formulaire: 

 
 {% csrf_token %} {{ form.as_p }}

Merci beaucoup!

Ayez onsubmit atsortingbut onsubmit dans votre balise de formulaire comme ceci si vous voulez juste une confirmation de l’utilisateur.

https://jsfiddle.net/yetn60ja/

EDIT: Ou essayez ci – dessous le code

Vérifiez avec le lien ci-dessous.

Violon 

  function fnOpenNormalDialog() { $("#dialog-confirm").html("Confirm Dialog Box"); // Define the Dialog and its properties. $("#dialog-confirm").dialog({ resizable: false, modal: true, title: "Modal", height: 250, width: 400, buttons: { "Yes": function () { $(this).dialog('close'); callback(true); }, "No": function () { $(this).dialog('close'); callback(false); } } }); } $('#btnOpenDialog').click(fnOpenNormalDialog); function callback(value) { if (value) { alert("Confirmed"); } else { alert("Rejected"); } }

Vous pouvez installer le plugin JQuery ou écrire un code personnalisé en code

Installer le plugin JQuery jquery.confirm

Essaye ça:

Et dans votre bouton Ajouter un atsortingbut id

Remarque : Il est préférable d’append une balise de script dans votre balise HTML.

Avant de soumettre, vous devez créer une fonction permettant de vérifier si l’utilisateur souhaite confirmer la demande. Vous pouvez utiliser la fonction “confirm ()” avec preventDefault () pour arrêter l’envoi, et si cette option est définie sur true, envoyez ou envoyez votre type = submit à un bouton. Dans la fonction, confirmez simplement si l’utilisateur souhaite continuer et envoyer la demande.

append une fonction javascript sur son événement onclick. par exemple:

et append la fonction javascript 

 function clicked() { if (confirm('Do you wanna to submit?')) { yourformelement.submit(); } else { return false; } }