Back

Correction exercices formulaires en php serie 02

Correction exercices formulaires en php serie 02

  1. Objectifs

    • Etre capable de traiter et valider les données envoyées via les formulaires.
  2. Exercice 01

    1. Énoncé
    2. 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;
                   }





Riadh HAJJI

Laisser un commentaire

Abonnez vous à notre chaîne YouTube gratuitement