J'ai crée un formulaire HTML contenant nom,prénom, adresse mail et num de tél et lorsque je le valide ce formulaire je récupère les données sur une page PHP sous forme de tableau. Je souhaiterais que lorsque je valide et que le format de l'adresse mail n'est pas valide un message d'erreur s'affiche sous la case "email" et que la case se colore en rouge. J'ai cherché sur beaucoup de forums et sites, j'ai trouvé des codes mais je n'arrive pas à les mettre en pratique. C'est pour un projet que j'ai à rendre et j'ai beaucoup de mal avec PHP. J'ai trouvé un code PHP que j'ai inséré du côte de ma page PHP, le message d'erreur s'affiche mais je voudrais qu'il le fasse sur ma page HTML coté formulaire. Voici le code que j'ai trouvé :
Voici le code de mon formulaire :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html><head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"><title>Formulaire de contact</title></head>
<BODY BGCOLOR="#48D1CC">
<center><table border="20" cellpadding="1" cellspacing="1" width="60%"><tr><td><br>
<center><font size="18"><b>Formulaire</b></font></center>
<FORM Method="POST" Action="liste de contacts.php">
<center><table border="3" cellpadding="1" cellspacing="1" width="50%"><br><br>
<center><legend><b><u><th scope="col">ENREGISTREMENT CONTACT</th><tr><td></u></b></legend></center>
<br><center><label for="nom">Nom</label></label></center>
<center><input class="text id="nom" name="nom" type="text" value="" placeholder ="Entrez votre Nom" size= "20" title="Entrez votre nom" /><center>
<center><label for="prénom">Prénom</label></label></center>
<center><input class="text id="Prénom" name="prénom" type="text" value="" placeholder ="Entrez votre Prénom" ize= "20" title="Entrez votrE Prénom" /></center>
<center><label for="email">Email</label></label></center>
<center><input class="text id="email" name="email" type="text" value="" size= "30" placeholder ="Entrez votre adresse email" title="Entrez votre adresse email" /></center>
<center><label for="téléphone">Téléphone</label></label></center>
<center><input class="text id="téléphone" name="téléphone" type="text" value="" maxlength="13" size= "20" placeholder ="Entrez votre numéro" title="Entrez votre numéro de téléphone" /></center>
</form></br></br>
<input type="submit" name="submit" value="Ajouter aux contacts" />
<input type='reset' name='effacer' value='Effacer'/></br>
<br></table>
<br><br><br><br><br><br>
</td></tr><br><br><br><br></table></center>
<br><br><br><br><br><br>
</form>
</html>
<html><head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"><title>Formulaire de contact</title></head>
<BODY BGCOLOR="#48D1CC">
<center><table border="20" cellpadding="1" cellspacing="1" width="60%"><tr><td><br>
<center><font size="18"><b>Formulaire</b></font></center>
<FORM Method="POST" Action="liste de contacts.php">
<center><table border="3" cellpadding="1" cellspacing="1" width="50%"><br><br>
<center><legend><b><u><th scope="col">ENREGISTREMENT CONTACT</th><tr><td></u></b></legend></center>
<br><center><label for="nom">Nom</label></label></center>
<center><input class="text id="nom" name="nom" type="text" value="" placeholder ="Entrez votre Nom" size= "20" title="Entrez votre nom" /><center>
<center><label for="prénom">Prénom</label></label></center>
<center><input class="text id="Prénom" name="prénom" type="text" value="" placeholder ="Entrez votre Prénom" ize= "20" title="Entrez votrE Prénom" /></center>
<center><label for="email">Email</label></label></center>
<center><input class="text id="email" name="email" type="text" value="" size= "30" placeholder ="Entrez votre adresse email" title="Entrez votre adresse email" /></center>
<center><label for="téléphone">Téléphone</label></label></center>
<center><input class="text id="téléphone" name="téléphone" type="text" value="" maxlength="13" size= "20" placeholder ="Entrez votre numéro" title="Entrez votre numéro de téléphone" /></center>
</form></br></br>
<input type="submit" name="submit" value="Ajouter aux contacts" />
<input type='reset' name='effacer' value='Effacer'/></br>
<br></table>
<br><br><br><br><br><br>
</td></tr><br><br><br><br></table></center>
<br><br><br><br><br><br>
</form>
</html>





