3STI

Travaux pratique N°7

1. Créer le formulaire ci-dessous.

2. Les champs nom, prénom, téléphone, niveau, email, mot de passe et la réponse à la question secrète sont
obligatoires
3. L'âge est un entier compris entre 15 et 65, valeur par défaut égal à 40,
4. Le code postal est un entier de 4 chiffres (vérifier le code postal dés que le champ perd le focus)
5. Dès le chargement de la page la zone relative à l’affichage de l'âge prend la valeur 40
6. Le clic sur le bouton « Envoyer » fait appel à une fonction JavaScript intitulée "Verif" permettant de vérifier la
validité des champs du formulaire en respectant les contrôles suivantes :
A. le nom et le prénom: Chaîne non vide commence obligatoirement par une lettre et pouvant contenir des
lettres et des espaces de taille maximale 15 caractères
B. Téléphone: Chaîne de 8 chiffres dont le premier est différent de "0"

C. E-mail: respecte le format ch1@ch2.ch3 avec ch1 chaine commence obligatoirement par une lettre et
de taille minimale égale à 3, ch2 chaine alphabétique de taille minimale égale à 3, ch3 chaine
alphabétique de taille comprise entre 2 et 4

D. La Sélection obligatoire d'une question

7. On mettant le focus dans la zone de texte Mot de passe : une fonction JavaScript intitulée "GenererMp" :
permettant de générer une chaîne de dix lettres dont chacune est obtenue selon le principe suivant:
 générer aléatoirement un nombre K entre 1 et 26,
 déterminer l'équivalent alphabétique majuscule de K s'il est pair, ou bien son
équivalent minuscule dans le cas contraire.

1 Enseignante :Dagdagui Miniar

 3STI
8. Le clic sur le bouton "Annuler" permet d’initialiser tous les champs

Fonctions de l’objet String

Méthode Exemple
String(a) convertit la valeur de a en chaine

chaine.length:Renvoie la longueur d'une chaîne Ch= "info";

(nombre de caractères). l=Ch.length; //renvoie..
chaine.charAt (i) : Retourne le caractère situé Ch= "info";
à la position donnée en paramètre. c=Ch.charAt(2);//renvoie..
chaine.indexOf(searchvalue, start) Ch= "couscous";
Renvoie la position de la première occurrence d'une pos=Ch.indexOf("cous",2); //renvoie..
sous-chaîne (lettre ou groupe de lettres) dans une
chaîne.

chaine.lastindexOf(searchvalue, start) 'canal'.lastIndexOf('a'); // renvoie 3

renvoie l'indice, dans la chaîne courante, de la dernière
occurrence de la valeur donnée en argument. Si cette 'canal'.lastIndexOf('a', 2); // renvoie 1
sous-chaîne n'est pas trouvée, la méthode renvoie -1.
La recherche s'effectue de la fin vers le début de la 'canal'.lastIndexOf('a', 0); //renvoie -1
chaîne, à partir de indiceDébut.
'canal'.lastIndexOf('x'); // renvoie -1

'canal'.lastIndexOf('c', -5); //renvoie 0

'canal'.lastIndexOf('c', 0); //renvoie 0

chaine.substr(position1, longueur)
retourne une sous-chaîne commençant à l'index
dont la position est donnée en argument et de la
longueur donnée en paramètre.

chaine.toUpperCase()convertit une chaîne en ch="info";

lettres majuscules. maj=ch.toUpperCase(ch); //renvoie..

chaine.toLowerCase()convertit une chaîne en ch="MATH";

lettres minuscules. min=ch.toLowerCase(ch); //renvoie..

2 Enseignante :Dagdagui Miniar

 3STI
chaine.replace(ch, newch)permet de Ch="cigale" ;
remplacer ch par newch Ch=ch.replace("le","re") ; //renvoie..
chaine.trim() permet de retirer les blancs en ch = ' Hello world! ';
début et fin de chaîne. Les blancs considérés sont
les caractères d'espacement (espace, tabulation, ch.trim(); //renvoie: "Hello world!";
espace insécable, etc.) ainsi que les caractères de
fin de ligne.
chaine.charCodeAt(n) ch= "Maman";
Retourne le code ASCII du caractère de chaine à la X=ch.charCodeAt(1) ; //renvoie:
position n
String.fromCharCode(x) C=String.fromCharCode(65) //renvoie:
Retourne le caractère qui correspond
au code ASCII x

3 Enseignante :Dagdagui Miniar