sweetalert ne fonctionne pas en php après la soumission du formulaire

Question

J'ai un formulaire PHP simple et lors de la soumission du formulaire, je souhaite afficher une douce alerte, j'ai créé le code suivant :

<script src="https://unpkg.com/sweetalert2@7.8.2/dist/sweetalert2.all.js"></script>

<?php
if(isset($_POST['submit'])){
....
...
.....

    mail($to,$subject,$message,$headers);
  
 echo "<script type='text/javascript'>";
 echo "swal({
    title: 'Your Message Was Sent Successfully',
    type: 'success',

    confirmButtonColor: '#DD6B55',
    confirmButtonText: 'CLOSE',
  }).then(() => {
    if (result.value) {
      // handle Confirm button click
    } else {
      // result.dismiss can be 'cancel', 'overlay', 'esc' or 'timer'
    }
  });";
 echo "</script>";


        }
?>

Cependant, sweetalert n'apparaît pas une fois le formulaire soumis, quelqu'un peut-il me dire ce qui ne va pas ici, merci d'avance

Answer 1

Parce que votre corps est vide et sweetalert ajoute votre code au corps vide et vous obtenez une erreur dans votre console comme celle-ci :

Si vous souhaitez envoyer une alerte en utilisant cette méthode, vous devez avoir quelque chose dans votre corps.

Par exemple, j'ai fait écho à un simple span sur le code et cela a fonctionné pour moi :

sssccc

<?php
if(isset($_POST['submit'])){
    mail($to,$subject,$message,$headers);
    // Simple span
    echo '';

  
 echo "sssccc";


        }
?>

Alternativement, si vous utilisez jQuery au lieu d'alertes comme celle-ci, vous pouvez utiliser AJAX :

sssccc
sssccc

<?php
if(isset($_POST['submit'])){
    mail($to,$subject,$message,$headers);
}
?>

sssccc