Page 1207 - IT2

1. Ecrire le code HTML5 correspondant au formulaire décrit ci-dessus sachant que :

Les champs marqués avec (*) doivent obligatoirement être renseignés sauf
le champ Mobile est facultatif. (0.5 pt)
Le nom devra impérativement être en majuscule et aura automatiquement
le focus dès le chargement de la page. (0.75 pt)
Le prénom devra impérativement commencer par une lettre majuscule, et
les autres lettres en minuscule. (0.75 pt)
L’adresse mail doit être une adresse valide avec 2 à 4 lettres après le « . ».
Par exemple « mail@domaine.com ». (1 pt)
Les numéros de téléphone devront être au format marocain sur 10 chiffres
avec un séparateur éventuel laissé au choix de l’internaute parmi les
caractères /-. (1.5 pt)
Le mot de passe entre 6 et 15 caractères contenant impérativement au
moins un chiffre, une lettre majuscule, une lettre minuscule et un autre
caractère. (1.5 pt)

2. Ecrire le code CSS pour la présentation afin de mettre :
Les étoiles en rouge. (0.5 pt)
Les étiquettes (label) en noir, avec le nom de police « Arial», une taille de
11 px et le style de la police oblique. (1 pt)
Les éléments du formulaire à une couleur de fond jaune (#FFFF00)
lorsqu’ils prennent le focus. (1 pt)
Le bouton à une police « Arial » de taille 14px, un effet d’ombre au texte et
un effet d’ombre à l’élément. (1.5 pt)
Partie 2 :

1. Créer une fonction JavaScript permettant de vérifier que les champs « mot de
passe » et « confirmez mot de passe » sont identiques. (1.5 pt)
2. Créer une fonction JavaScript permettant d’afficher un message « Mot de passe
identique » en vert dans un label lorsque les mots de passe sont identiques et le
message « Les 2 mots de passe ne sont pas identiques » en rouge dans le cas
contraire. (1 pt)
3. Appeler les deux fonctions dans votre script en utilisant les événements
appropriés. (1 pt)

Partie 3 :

1. Créer une page Web permettant d'afficher les informations renseignées par
l'utilisateur après la validation du formulaire ci-dessus à l’aide un script serveur.
(2.5 pts)

Filière Epreuve Session 5/5
TDM Théorique FF Juillet 2014
www.itlearning-settat.com

Email: admission@itlearning-settat.com

Tél.:0661077812