Sweet Alerte de confirmation avant de supprimer

Salut, je suis nouveau dans l'utilisation de sweet alerte js pour faire ma boîte d'alerte plus de fantaisie. Je suis en utilisant le javascript normale d'alerte de confirmation pour supprimer des données spécifiques dans ma table. Cependant lorsque j'essaie d'exécuter une douce alerte de confirmation avant de supprimer supprime les fichiers sans la confirmation d'apparaître.

Voici le code dans mon JS ci-dessous.

<script>
    archiveFunction() {
        swal({
  title: "Are you sure?",
  text: "But you will still be able to retrieve this file.",
  type: "warning",
  showCancelButton: true,
  confirmButtonColor: "#DD6B55",
  confirmButtonText: "Yes, archive it!",
  cancelButtonText: "No, cancel please!",
  closeOnConfirm: false,
  closeOnCancel: false
},
function(isConfirm){
  if (isConfirm) {
    swal("Deleted!", "Your imaginary file has been archived.", "success");
  } else {
    swal("Cancelled", "Your imaginary file is safe :)", "error");
  }
});
    }
</script>

c'est mon code html du formulaire ci-dessous.

<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="POST">
        <input type="hidden" name="p_id" id="p_id" value="<?php echo $rows['p_id']; ?>">
        <button class="btn btn-danger" type="submit" name="archive" onclick="archiveFunction()">
            <i class="fa fa-archive"></i>
                Archive
        </button>
</form>

et voici le code en php.

<?php

include('../config.php');

if(isset($_POST['archive']))
{
$p_id = $_REQUEST['p_id'];
//sql to delete a record
$sqli = "UPDATE students SET archive = 2 WHERE p_id=$p_id";

if ($conn->query($sqli) === TRUE) {
    echo "swal('Archived!', 'Click ok to see!', 'success')";
} else {
    echo "Error Archiving record: " . $conn->error;
}

$conn->close(); 
}
?>

ce que je veux est de confirmer la douce alerte de confirmation avant de supprimer les données spécifiques.

InformationsquelleAutor Jaaayz | 2017-09-04
  1. 3

    Que d'autres mentionné, votre bouton est de soumettre le formulaire à l'action spécifiée et vous n'êtes pas en mesure de choisir votre option dans l'alerte. Donc, vous devriez éviter de la soumettre le formulaire en utilisant event.preventDefault() et de la soumission du formulaire uniquement lorsque l'utilisateur appuyez sur oui.

    JS:

    function archiveFunction() {
event.preventDefault(); //prevent form submit
var form = event.target.form; //storing the form
        swal({
  title: "Are you sure?",
  text: "But you will still be able to retrieve this file.",
  type: "warning",
  showCancelButton: true,
  confirmButtonColor: "#DD6B55",
  confirmButtonText: "Yes, archive it!",
  cancelButtonText: "No, cancel please!",
  closeOnConfirm: false,
  closeOnCancel: false
},
function(isConfirm){
  if (isConfirm) {
    form.submit();          //submitting the form when user press yes
  } else {
    swal("Cancelled", "Your imaginary file is safe :)", "error");
  }
});
}

    HTML:

    <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css">
<form action="abc" method="POST">
        <input type="hidden" name="p_id" id="p_id" value="<?php echo $rows['p_id']; ?>">
        <button class="btn btn-danger" name="archive" type="submit" onclick="archiveFunction()">
            <i class="fa fa-archive"></i>
                Archive
        </button>
</form>

    • Je l'ai essayé. Btw est l'abc de l'action? Si je clique sur oui rien ne se passe.
    • abc est juste un mannequin d'action. Le remplacer par votre action. Dans cet exemple, il est de routage à l'abc, appuyez sur oui et nous allons obtenir un 404 ,comme abc est juste un mannequin url
    • J'ai essayé de changer, mais ne parvenez toujours pas à le soumettre. Pouvons-nous continuer la discussion sur le tchat si vous êtes disponible?
    • Bien sûr que nous pouvons avoir une discussion
    • Désolé, j'ai connexion lente peut-être jeudi. Btw, je suis à l'aide d'un isset post dans la même page où j'ai créé la forme d'archive. Je n'utilise pas toute l'action que php serveur en tant que soi. Comment puis-je le faire sans faire de l'action dans le formulaire.
    • Mais votre code HTML suivant action="<?php echo $_SERVER['PHP_SELF']; ?>" montre que vous êtes à l'aide de l'action.
    • Désolé j'ai fait le travail lors de la soumission à l'autre page où le sql et php code est placé. Mais comment puis-je le faire en utilisant la fonction isset méthode post?

    InformationsquelleAutor Ankit Chaudhary
  2. 0

    Supprimer <form> et remplacer:

    <button class="btn btn-danger" type="submit">

    à:

    <button class="btn btn-danger ajax_delete" type="button">

    appel onclick fonction de la "ajax_delete" par

    $(".ajax_delete").on("click", function (){ /*your sweet alert code and after ajax call function */});

    Après cela, mettez votre code de suppression à l'appel ajax fichier.

    InformationsquelleAutor kuldeep sakdecha
  3. 0

    Ce qui se passe parce que vous n'êtes pas empêcher le comportement par défaut du navigateur à l'aide de événement.preventDefault() ou return soit avec false ou true en conséquence.

    function [...](e) {
    e.preventDefault();
    [...]
}

    Changement,

    <button class="btn btn-danger" type="submit" name="archive" onclick="archiveFunction()">

    à,

    <button class="btn btn-danger" type="submit" name="archive" onclick="archiveFunction(event)">

    pour transmettre l'événement argument pour les écouteurs d'événement.

    Sinon si le form n'est pas nécessaire, alors vous pouvez simplement supprimer le form balises.

    InformationsquelleAutor Script47
  4. 0

    Ce supprimer le code de confirmation avec le sucré des alertes dans l'express js

    Mon code:

    JS:

    function validateForm() {
      event.preventDefault(); //prevent form submit
      var form = document.forms["myForm"]; //storing the form
      swal({
             title: "Are you sure?",
             text: "Once deleted, you will not be able to recover this imaginary file!",
             icon: "warning",
             buttons: true,
             dangerMode: true,
           })
          .then((willDelete) => {
               if (willDelete) {
                     form.submit();
               } else {
                      swal("Your imaginary file is safe!");
           }
        });
}

    HTML:

    <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css">
<form name="myForm"  method="POST" action="/delete">
      <input type="hidden" value="<%= alldata[i]._id %>" name="std_id"> 
      <input type="submit" onclick="validateForm()" class="btn btn-danger btn-xs" value="DELETE">
</form>

    InformationsquelleAutor user9472302