0% ont trouvé ce document utile (0 vote)
17 vues4 pages

Validation Des Formulaire - 3

Le document présente des exemples et exercices sur l'utilisation des expressions régulières pour identifier des éléments spécifiques dans des textes, tels que des villes emblématiques de la résistance palestinienne, des ISBN de livres, et des numéros de carte bancaire. Il inclut également des exercices pratiques pour analyser des discours historiques et contemporains, ainsi que des formulaires HTML avec validation. Les objectifs sont de renforcer les compétences en regex et de mettre en œuvre des validations de formulaires en utilisant HTML5 et JavaScript.

Transféré par

jadjunior66
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
0% ont trouvé ce document utile (0 vote)
17 vues4 pages

Validation Des Formulaire - 3

Le document présente des exemples et exercices sur l'utilisation des expressions régulières pour identifier des éléments spécifiques dans des textes, tels que des villes emblématiques de la résistance palestinienne, des ISBN de livres, et des numéros de carte bancaire. Il inclut également des exercices pratiques pour analyser des discours historiques et contemporains, ainsi que des formulaires HTML avec validation. Les objectifs sont de renforcer les compétences en regex et de mettre en œuvre des validations de formulaires en utilisant HTML5 et JavaScript.

Transféré par

jadjunior66
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

Exemples et Exercices sur les Expressions Régulières

Exemple 1 : Identifier les Villes de Résistance


Imaginons que nous ayons une liste de villes et que nous voulions identifier celles qui sont
emblématiques de la résistance palestinienne. Nous pourrions utiliser une regex simple pour cela.

Texte à analyser :

Al-Qods est une ville sainte.


Ramallah est le centre administratif.
Gaza, malgré le blocus, résiste.
Naplouse a une histoire riche.
Hébron est une ville ancienne.

Objectif : Trouver les mots dans ce texte 'Gaza' ou ' Al-Qods '.

Exemple 2 : verifier ISBN


Vous avez un forumlaire ou vous avec un champ pour entrer l ISBN d un livre.

<h3> ajouter un nouveau livre </h3>

<input type=’text’ id= ‘isbn’ placeholder= ‘Enrer le code ISBN’ >

<button onclcik=’checkISBN()’ >Valider L ISBN</button>

<p id=’isbn-status’ > </p>

Objectif : Le champ ISBN doit accepter les deux formats les plus courants :

1. ISBN-10 : Composé de 10 chiffres, où le dernier peut être un "X".


2. ISBN-13 : Composé de 13 chiffres, commençant toujours par 978 ou 979.

Les bombardements aveugles ont détruit des quartiers entiers, tuant des civils innocents.
Des enfants sont emprisonnés et torturés sans procès équitable.
Les démolitions de maisons palestiniennes sont quotidiennes, laissant des familles sans abri.
La violence des colons, souvent protégée par l'armée, terrorise les communautés.
Le siège de Gaza est une punition collective, privant la population de ressources vitales.

Exemple 3 : Formulaire de Paiement (Validation Carte Bancaire Unionpay)


Vous avez un forumlaire ou vous avec un champ pour entrer l ISBN d un livre.
<h3> ajouter de paiemenr </h3>

<div>

<label> Numero de carte </label>


<input type=’text’ id= ‘card-nimber’ placeholder= ‘0000 0000 0000 0000 0000 0‘>

<p id=’card-status’ > </p>


</div>
<button onclcik=’checkISBN()’></button>

Objectif Numero carte doit correspondre au format de longueur et aux préfixes des principaux
fournisseurs.

Le choix dans cet exercice est la carte de UnionPay : commence par 9 ou 6 , a16 ou 19
chiffres.

Exercice Composé : Analyse de Discours et


Résistance Important (travail avec \b et match)

Maintenant, mettons nos compétences en regex à l'épreuve avec un exercice plus complexe. Vous
êtes un analyste de données travaillant sur des documents historiques et des déclarations
contemporaines concernant la Palestine. Votre tâche est d'extraire des informations clés pour mettre
en lumière la persistance de la résistance et la nature de l'occupation.

Texte à analyser :

Déclaration du 15 mai 1948 : La Nakba, une catastrophe continue pour le peuple palestinien. Des milliers
de réfugiés ont été déplacés de leurs foyers.

Article de presse du 20 mars 2023 : Les colonies illégales continuent de s'étendre en Cisjordanie,
violant le droit international. La résistance populaire s'organise face à l'annexion.

Tweet du 10 janvier 2024 : #GazaUnderAttack, la communauté internationale doit agir. Le blocus et


les bombardements sont des crimes de guerre. La résilience des habitants est inébranlable.

Discours du 5 juin 1967 : Après la guerre des Six Jours, l'occupation de Jérusalem-Est et de la
Cisjordanie a commencé. Le peuple palestinien n'abandonnera jamais sa terre.

Rapport de l'ONU, 1er septembre 2022 : La destruction des maisons palestiniennes est une politique
systématique. La résistance non-violente prend de l'ampleur.

Questions (utilisez les expressions régulières pour trouver les réponses) :


. Identifier les dates importantes : Trouvez toutes les dates au format ou
dans le texte.

. Repérer les termes liés à la résistance : Extrayez tous les mots ou expressions qui décrivent la
résistance palestinienne (par exemple, 'résistance', 'résilience', 'non-violente', 's'organise',
'n'abandonnera jamais').
. Associer les dates aux événements majeurs : Pour chaque date identifiée, trouvez la phrase complète
qui la contient pour comprendre le contexte de l'événement.

Exercice2:
1. Crée un formulaire contenant :
o Un champ nom d'utilisateur (minimum 6 caractères)
o Un champ email (format email valide)
o Un champ mot de passe (entre 6 et 12
caractères) o Un bouton "S'inscrire"

2. À chaque fois qu’un champ perd le focus , vérifier la validité :


o Si valide → fond vert clair, texte noir
o Si invalide → fond rouge clair, texte blanc, et un
message d’erreur sous le champ

Exercice3 :
Créez un formulaire HTML avec les champs suivants :

Nom complet (texte, obligatoire, 3 caractères minimum)

Email (email, obligatoire, format valide)

Téléphone (tel, optionnel, format français valide si renseigné)

Sujet (select avec options : Information, Réclamation, Autre)

Message (textarea, obligatoire, 10 caractères minimum)

Implémentez la validation :

Utilisez les attributs HTML5 de validation (required, minlength, pattern)

Ajoutez une validation JavaScript personnalisée

Affichez des messages d'erreur sous chaque champ

Comportement :

Empêchez l'envoi si validation échoue


Affichez un message de succès si tout est valide

Réinitialisez le formulaire après soumission réussie

Vous aimerez peut-être aussi