Bonjour à tous,
Je cherche depuis quelques jours à réaliser quelque chose en vain...
En effet, j'ai créé un formulaire de contact, et j'aimerai que celui-ci, une fois validé, disparaisse pour laisser place à du texte. Par exemple, l'utilisateur renseigne les informations nécessaires, et quand il valide le formulaire en cliquant sur le bouton, ce formulaire disparaît et une phrase du style "Merci, votre inscription a bien été prise en compte".
Voici mon code actuel :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14 <div class="inscriptionnews"> <p>Votre ville n'est pas encore programmée ? Inscrivez-vous à notre newsletter pour recevoir nos dates d'arrivées dans votre département.</p> <form id="form" action="" method="post"> <div class="form-group"> <input type="text" name="ville" class="" placeholder="Département" autocomplete="off" required> </div> <div class="form-group"> <input type="email" name="email" class="" placeholder="Adresse email" autocomplete="off" required> </div> <input type="submit" class="boutonnews" value="S'inscrire" > </form> <div class="test123"><p>TEST</p></div> </div>
Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10 $(function (){ $("#form").submit(function(){ ville = $(this).find("input[name=ville]").val(); email = $(this).find("input[name=email]").val(); $.post("../inscription_newsletter.php",{ville: ville, email: email},function(data){ }) return false; }); });
Le fichier "inscription_newsletter" contient le code permettant l'ajout à la base de données et l'envoi du mail.
Merci d'avance à tous !
Partager