PHP

Correction exercices formulaires en php serie 02

Un cours complet pour maîtriser Correction exercices formulaires en php serie 02.

0 chapitres 0 QCM Accès gratuit

Commencer Retour aux cours

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;
         }

Récupérer les valeurs des checkbox avec PHP

Sommaire du cours PHP

Correction exercices formulaires en php serie 02

Sommaire du cours

Autres catégories

Objectifs

Exercice 01

Énoncé

Solution

Sommaire du cours PHP