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 !