Correction exercices formulaires en php serie 02
Correction exercices formulaires en php serie 02
-
Objectifs
- Etre capable de traiter et valider les données envoyées via les formulaires.
-
Exercice 01
-
Énoncé
- Vous pouvez visualiser l’énoncé de l’exercice
-
Solution
-
Le fichier exercice02.php
<?php
$message='';
if(isset($_POST["valider"])){
$civilite=$_POST["civilite"];
$nom=$_POST["nom"];
$prenom=$_POST["prenom"];
$email=$_POST["email"];
$pass=$_POST["pass"];
$repass=$_POST["repass"];
if(empty($nom))
$message='<div class="erreur">Nom laissé vide.</div>';
elseif(empty($prenom))
$message='<div class="erreur">Prénom laissé vide.</div>';
elseif(empty($email))
$message='<div class="erreur">Email laissé vide.</div>';
elseif(empty($pass))
$message='<div class="erreur">Mot de passe laissé vide.</div>';
elseif($pass!=$repass)
$message='<div class="erreur">Les mots de passe ne sont pas identiques.</div>';
else{
$message='<div class="rappel"><b>Rappel:</b><br />';
$message.=$civilite.' '.ucfirst(strtolower($prenom)).' '.strtoupper($nom).'<br />';
$message.='Email: '.$email;
$message.='</div>';
}
}
?>
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
</head>
<body>
<?php echo $message ?>
<form name="fo" method="post" action="">
<fieldset>
<legend>Nouvel utilisateur</legend>
<div class="label">Civilité</div>
<div class="champ">
<select name="civilite">
<option <?php if(isset($_POST["valider"])){ if($civilite=="Mme") echo "selected";}?>>Mme</option>
<option <?php if(isset($_POST["valider"])){if($civilite=="Mlle") echo "selected";}?>>Mlle</option>
<option <?php if(isset($_POST["valider"])){if($civilite=="M.") echo "selected";}?>>M.</option>
</select>
</div>
<div class="label">Nom</div>
<div class="champ">
<input type="text" name="nom" value="<?php if(isset($_POST["valider"])){ echo $nom;}?>" />
</div>
<div class="label">Prénom</div>
<div class="champ">
<input type="text" name="prenom" value="<?php if(isset($_POST["valider"])){echo $prenom;}?>" />
</div>
<div class="label">Email</div>
<div class="champ">
<input type="text" name="email" value="<?php if(isset($_POST["valider"])){echo $email;}?>" />
</div>
<div class="label">Mot de passe</div>
<div class="champ">
<input type="password" name="pass" value="<?php if(isset($_POST["valider"])){echo $pass;}?>" />
</div>
<div class="label">Confirmer le mot de passe</div>
<div class="champ">
<input type="password" name="repass" value="<?php if(isset($_POST["valider"])){echo $repass;}?>" />
</div>
<div class="champ">
<input type="submit" name="valider" value="Valider l'inscription" />
</div>
</fieldset>
</form>
</body>
</html>Le fichier style.css
body{
padding:10px;
}
fieldset{
border:solid 1px #EE6600;
border-radius:10px;
padding:20px;
}
legend{
font:bold 16pt arial;
color:#EE6600;
}
input,select{
border:solid 1px #AAAAAA;
padding:10px;
font:10pt verdana;
color:#EE6600;
outline:none;
border-radius:6px;
}
input[type="submit"]{
border:none;
background-color:#EE6600;
color:#FFFFFF;
width:200px;
cursor:pointer;
}
.label{
margin-bottom:4px;
font:10pt arial;
color:#AAAAAA;
}
.champ{
margin-bottom:20px;
}
.erreur{
font:10pt arial;
color:#DD0000;
background-color:#EEEEEE;
padding:10px;
border-radius:10px;
margin-bottom:10px;
}
.rappel{
font:10pt arial;
color:#888888;
background-color:#EEEEEE;
padding:10px;
border-radius:10px;
margin-bottom:10px;
}
