Discussion :

[matsuru]

Bonjour a tous,

je suis actuellement entrain de crée une page contact(/contactUs) sur un site et je me pose quelques questions concernant le formulaire.

j'ai crée mon formulaire qui est validé dans un premier temps en javascript avec jquery validate puis traité en php dans le fichier contact-form ou je re-verifie les valeurs avant de les insérer en base. Si tout ce passe bien je redirige l'utilisateur.

Mon probleme : afficher la reussite de l'envoie dans une alert Bootstrap.
cad apres insertion en bdd.

Ma methode: si tout les champs sont corrects(verifié en javascript puis php)et apres insertion, je redirige vers la page du formulaire (/contactUs?sent=true) avec une variable get.

je test ensuite si la variable get est présente en php.
si elle l'est j'affiche mon alert.

je suppose qu'il existe une methode un peu moins laide en javascript sans utiliser de variable dans l'URL non ?

Ma methode fonctionne pour l'instant mais d'apres moi il y a qd même mieux a faire !!

merci d avance pour les pistes. J’espère avoir été claire

[Vespiras]

Salut,

Perso je fais comme toi quand j'ai besoin ^^ :

Code PHP :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
<script type="text/javascript">
<?php
      if ($_GET['success'] =='true'){
            echo '$(function() {
                $( "#myModal" ).dialog();
            });'
      }
?>
</script>

Une variable GET success à true si le réponse de la base est OK à l'insertion. Et donc affichage du modal correspondant.

Je t'aide pas beaucoup désolé mais je voulais juste t'indiquer que comme cela, je n'ai jamais eu de problème.

[Watilin]

je suppose qu'il existe une methode un peu moins laide en javascript sans utiliser de variable dans l'URL non ?

Je ne vois pas en quoi cette méthode est laide. Dans une certaine mesure, tu as respecté le principe de l'amélioration progressive qui veut qu'on commence par faire un site entièrement fonctionnel sans JavaScript, puis qu'on utilise JavaScript pour améliorer les fonctionnalités déjà en place.

Cela dit, je reconnais qu'un paramètre d'URL peut poser de petits problèmes, par exemple si l'utilisateur met l'adresse en marque-page. Du coup, à chaque vois qu'il reviendra sur la page, il verra un message de confirmation alors qu'il n'y a rien à confirmer.

Tu peux corriger ça tout en restant dans le principe d'amélioration progressive. Intercepte l'évènement submit du formulaire, sérialise-le avec jQuery et envoie-le par Ajax. Ainsi, plus besoin de recharger la page. Et tu affiches le message quand la réponse à ta requête Ajax arrive (avec la fonction success).