Formulaire PHP- Message de confirmation envoyé

Bonjour,

J'ai un soucis et comme je débute en php j'ai du mal à comprendre mon problème.
J'ai créer un formulaire de contact.

J'ai deux soucis:

1. Mon champ message ne reste pas en cas de problème de validation. Toutes les autres champs restent s'ils ont été rempli mais le champ message disparait. ce qui est embêtant si l'utilisateur à écrit un long message.

2. Je n'arrive pas à avoir une fenetre pop-up qui dit "votre message a été envoyé." J'ai mis un "alert" mais pourtant rien, si toute les conditions sont remplies, le formulaire redevient juste vierge.

J'ai cherché sur le web mais je ne trouve rien, ou alors ce sont des notions que je n'ai pas vue et que je ne comprends pas

Voici mon code:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
 
    <title>Contact</title>
</head>
<body>
 
    <h1>Contact</h1>
    <p>Vous avez besoin d'un conseil ? D'une information complémentaire ? <br/> 
    Remplissez le formulaire ci-dessous et nous vous répondrons dans les plus brefs délais</p>
 
    <h2>Formulaire de contact</h2>
 
    <form method="post" name="formulaire" action="">
 <?php if(isset($_POST['nom'])){
    echo 'oui';
}
    else {
        echo 'non';
    }
 
 
?>
    <fieldset>
       <legend>Vos coordonnées</legend> 
 
 
 
       <label for="nom">Nom :</label>
        <input type="text" name="nom" id="nom" placeholder="Votre nom" value="<?php if (isset($_POST['nom'])){echo $_POST['nom'];} ?>" /> 
      <?php   if(isset($_POST['nom']) && empty($_POST['nom'])){
        echo '<p>Veuillez remplir ce champ</p>';
        }?>
        <br/><br/>
 
 
 
 
       <label for="prenom">Prénom :</label>
       <input type="text" name="prenom" id="prenom" placeholder="Votre prénom" value="<?php if (isset($_POST['prenom'])){echo $_POST['prenom'];} ?>" />
        <?php if(isset($_POST['prenom']) && empty($_POST['prenom'])){
            echo '<p>Veuillez remplir ce champ </p>';
        }?>
        <br/><br/>
 
 
 
 
       <label for="email">Adresse mail :</label>
       <input type="email" name="email" id="email" placeholder="Votre email" value="<?php if (isset($_POST['email'])){echo $_POST['email'];} ?>"  />
        <?php if(isset($_POST['email']) && empty($_POST['email'])){
            echo '<p>Veuillez remplir ce champ </p>';
        }?>
        <br/><br/>
    </fieldset>
 
 
   <fieldset>
       <legend>Votre message</legend> 
 
 
 
       <label for="sujet">Sujet :</label>
       <input type="text" name="sujet" id="sujet" placeholder="Votre sujet" value="<?php if (isset($_POST['sujet'])){echo $_POST['sujet'];} ?>" />
        <?php if(isset($_POST['sujet']) && empty($_POST['sujet'])){
            echo '<p>Veuillez remplir ce champ </p>';
        }?>
       <br/><br/>
 
 
 
 
       <label for="message">Message :</label>
       <textarea name="message" rows="18px" cols="200px" placeholder="Message..." value="<?php echo $message ?>"></textarea> 
        <?php if(isset($_POST['message']) && empty($_POST['message'])){
            echo '<p>Veuillez remplir ce champ </p>';
        }?>
       <br/><br/>
 
 
 
       <input type="submit" value="Envoyer" id="bouton">
    </fieldset>   
 
        <?php   if(isset($_POST['nom']) && empty($_POST['nom']) && isset($_POST['prenom']) && empty($_POST['prenom']) &&
                isset($_POST['email']) && empty($_POST['email']) && isset($_POST['sujet']) && empty($_POST['sujet']) &&
                isset($_POST['message']) && empty($_POST['message'])){
                    alert("Votre mail a bien été envoyé. Nous vous recontacterons dans les plus brefs délais");
                }
 
        $_POST['nom']="";
        $_POST['prenom']="";
        $_POST['email']="";
        $_POST['sujet']="";
        $_POST['message']="";
 
        ?>
 
</form>
 
    <p style=color: red; id="erreur"></p>
 
    <script src="contact.js"></script>
 
 
</body>
</html>

Merci d'avance pour votre aide et vos explications.