Exercices les formulaires en PHP : Série 02
Sommaire
- 1- Objectifs
- 2- Exercice 01
- 2.1- Énoncé
- 2.2- Solution
- 3- Exercice 02
- 3.1- Énoncé
- 3.2- Solution
- 4- Exercice 03
- 4.1- Énoncé
- 4.2- Solution
- 5- Exercice 04
- 5.1- Énoncé
- 5.2- Solution
- 6- Exercice 05
- 6.1- Énoncé
- 6.2- Solution
- 7- Exercice 06
- 7.1- Énoncé
- 7.2- Solution
- 8- Exercice 07
- 8.1- Énoncé
- 8.2- Solution
- 9- Exercice 08
- 9.1- Énoncé
- 9.2- Solution
- 9.2.1- Cours PHP
Exercices les formulaires en PHP : Série 02
-
Objectifs
- Etre capable de traiter et valider les données envoyées via les formulaires.
-
Exercice 01
-
Énoncé
- Une chose très utile que vous pouvez faire avec PHP est d’inclure la demande d’entrée utilisateur et la réponse dans le même fichier, en utilisant des instructions conditionnelles pour indiquer à PHP laquelle afficher.
- Pour cet exercice PHP, on souhaite créer un formulaire (représenté par la figure ci-dessous) d’inscription des visiteurs qui contient les champs suivants:
- Civilité: liste de sélection qui contient les options Mlle, Mme et M.
- Nom: zone de texte
- Prénom: zone de texte
- Email: zone de texte
- Mot de passe: zone de mot de passe
- Confirmation du mot de passe: zone de mot de passe
- Bouton d’envoi pour valider l’inscription
- Travail demandé:
- Valider le saisie utilisateur avec les contraintes suivantes:
- Tous les champs sont obligatoires, si par exemple le client laisse le champ « nom » vide on affichera le message « Nom laissé vide » en rouge en haut du formulaire, ou si les deux mots de passes renseignés ne sont pas identique le message « Mots de passes non identiques » sera affiché.
- On souhaite également afficher les messages d’erreur (« Nom laissé vide »…) un par un s’il y’en a plusieurs. Par exemple, si le client laisse les champs nom et prénom tous les deux vides, quand il aura cliqué sur le bouton d’envoi on affichera « Nom laissé vide ». S’il saisit le nom tout en laissant le prénom vide, alors le message qui s’affichera la prochaine fois sera « Prénom laissé vide »…
-
Solution
- Essayez de faire l’exercice de votre côté avant de regarder la Solution !
-
Exercice 02
-
Énoncé
- L’objectif de l’exercice n’est pas d’enregistrer les données entrées par le client car nous n’avons pas encore vu les fichiers et les bases de données, mais seulement contrôler la saisie à bases des fonctions que nous avons déjà vu en cours jusqu’ici.
- On souhaite créer un formulaire, à l’aide des balaises HTML 5,d’inscription des visiteurs qui contient les champs suivants:
- Prénom: zone de texte, qui prend le focus dès le chargement de la page.
- Nom: zone de texte
- Date Naissance: zone de texte
- Civilité: liste de sélection qui contient les options Mlle, Mme et Mr.
- Email: zone de texte
- Téléphone:
- Pays:
- Ville:
- Code postal:
- Nom d’utilisateur:
- Mot de passe: zone de mot de passe
- Confirmation du mot de passe: zone de mot de passe
- La figure suivante représente le travail demandé
- Bouton d’envoi pour valider l’inscription
- Valider les pages avec la validation W3C.
- Validez la page obtenue par un script sur une page séparée « formulaire-valid.php » en testant les contraintes suivantes :
- Le prénom est désormais obligatoire, doit commencer par une lettre en majuscule et les autres lettres doivent être en minuscule et ne doit comporter que des lettres et éventuellement des espaces. Sa taille ne doit pas accéder 20 caractères ;
- Le nom est désormais obligatoire et ne doit comporter que des lettres et éventuellement des espaces. Sa taille ne doit pas accéder 20 caractères enfin il sera en majuscule;
- L’âge est désormais obligatoire et doit être un nombre et être compris entre 12 et 99 ans.
- Le pseudo (nom d’utilisateur) est désormais obligatoire;
- La zone pseudo (nom d’utilisateur) doive être composée d’un seul mot (espace non autorisé).
- Le pseudo avoir un nombre de caractère minimum de 3 caractères et un maximum de 12 caractères.
- Il ne doit pas commencer avec un chiffre
- L’utilisateur est appelé de saisir un pseudo qui n’est pas présent dans son nom ou prénom .
- L’utilisateur peut saisir des caractères spéciaux mais ils seront filtrés et ne seront pas comptabilisés comme des caractères dans la longueur du champ.
- Le champs téléphone doit être sous la forme 00 00 00 00.
- Le code postale doit contenir 4 chiffres seulement.
- Le mail doit avoir au moins 1 caractère de type lettre ou chiffre + le symbole « @ » et à nouveau au moins 1 caractère de type lettre ou chiffre et le symbole « . » et au moins deux caractères de type lettre ou chiffre. Il est également obligatoire ;
- Le mot de passe doit contenir entre 6 et 15 caractères, dont au moins 1 chiffre, un majuscule, un minuscule et un caractère spécial.
- Si tous les champs sont valides, alors on affichera les informations saisis par l’utilisateur.
- Dans le cas où un champ présente un problème (laissé vide par exemple), alors il faut conserver les valeurs déjà saisis au sein de formulaires.
- Rajouter une fonction permettant de tester que les deux mots de passe sont bien identiques.
-
Solution
- Essayez de faire l’exercice de votre côté avant de regarder la Solution !
