Comment afficher un message de confirmation avant suppression ?

Question

Je veux recevoir un message de confirmation en cliquant sur supprimer (cela peut-être un bouton ou une image). Si l'utilisateur sélectionne ' Ok ' alors la suppression est effectuée, sinon si ' Cancel ' est cliqué, rien ne se passe.

J'ai essayé de faire écho à cela lorsque le bouton a été cliqué, mais l'écho fait que mes zones de saisie et mes zones de texte perdent leur style et leur conception.

Answer 1

Écrivez ceci dans l' onclick du bouton :

 var result = confirm("Want to delete?");
if (result) {
    //Logic to delete the item
}

Answer 2

Vous pouvez mieux utiliser comme suit

  <a href="url_to_delete" onclick="return confirm('Are you sure you want to delete this item?');">Delete</a>

Answer 3

C'est ainsi que vous procéderiez avec du JavaScript discret et le message de confirmation étant conservé dans le code HTML.

 <a href="http://stackoverflow.com/delete" class="delete" data-confirm="Are you sure to delete this item?">Delete</a>

C'est du pur vanilla JS, compatible avec IE 9+ :

 var deleteLinks = document.querySelectorAll('.delete');

for (var i = 0; i < deleteLinks.length; i++) {
  deleteLinks[i].addEventListener('click', function(event) {
      event.preventDefault();

      var choice = confirm(this.getAttribute('data-confirm'));

      if (choice) {
        window.location.href = this.getAttribute('href');
      }
  });
}

Voyez-le en action : http://codepen.io/anon/pen/NqdKZq

Answer 4

function ConfirmDelete()
{
  var x = confirm("Are you sure you want to delete?");
  if (x)
      return true;
  else
    return false;
}


<input type="button" onclick="ConfirmDelete()">

Answer 5

c'est très simple et une ligne de code

 <a href="#" title="delete" class="delete" onclick="return confirm('Are you sure you want to delete this item')">Delete</a>