Résumé javascript

2,397 views
2,250 views

Published on

Published in: Education
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,397
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
103
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Résumé javascript

  1. 1. Résumé de quelques contrôles appliqués sur les zones en Javascript Quelques traitements sur les zones textes ( T1 ) La zone texte « T1 » ne doit pas être vide <script> La zone texte « T1 » doit contenir 10 caractères <script> If (f.T1.value==““) If (f.T1.value.length != 10) { alert(“le champ de saisi ne doit pas être vide“); } </script> { alert(“le champ de saisi doit contenir 10 caractères “); } </script> La zone texte « T1 » doit contenir au moins 10 La zone texte « T1 » doit être numérique caractères <script> <script> If (isNaN(f.T1.value)==true) If (f.T1.value.length<10) { { alert(“le champ de saisi doit être numériques“); alert (“le champ de saisi doit contenir au } moins 10 caractères “); </script> } </script> La zone texte « T1 » ne doit pas être La zone texte « T1 » doit contenir le caractère @ numériques <script> <script> If (f.T1.value.indexOf(“@“)==-1) If (isNaN(f.T1.value)==false) { { alert(“le champ de saisi doit contenir le caractère @“); alert(“le champ de saisi ne doit pas être } numériques“); </script> } </script> La zone texte « T1 » doit être numérique et >=0 La zone texte « T1 » ne doit pas contenir le caractère @ <script> <script> If ((isNaN(f.T1.value)==true)|| (f.T1.value<0)) If (f.T1.value.indexOf(“@“) != -1) { { alert(“le champ de saisi doit être numériques“); alert(“le champ de saisi ne doit pas contenir le } caractère @“); </script> } </script> Le premier caractère de la zone texte « T1 » Le premier caractère de la zone texte « T1 » doit être doit être « A » ou « B » majuscule <script> <script> If ((f.T1.value.charAt(0) != “A“) && (f.T1.value.charAt(0) != “B“) If (f.T1.value.charAt(0).toUpperCase() != f.T1.value.charAt(0) ) { alert(“Le premier caractère doit être A ou B “); } </script> { alert(“Le premier caractère doit être majuscule “); } </script> Page 1 sur 4
  2. 2. Résumé de quelques contrôles appliqués sur les zones en Javascript Le premier caractère de la zone texte « T1 » doit Le premier caractère de la zone texte « T1 » doit être être minuscule un chiffre <script> <script> If (f.T1.value.charAt(0).toLowerCase() != f.T1.value.charAt(0) ) If (isNaN(f.T1.value.charAt(0) )==true) { alert(“Le premier caractère doit être un chiffre“); } </script> { alert(“Le premier caractère doit être minuscule “); } </script> Le premier caractère de la zone texte « T1 » Le premier caractère de la zone texte « T1 » doit être ne doit pas être un chiffre une lettre majuscule (A .. Z) <script> <script> If (isNaN(f.T1.value.charAt(0) )==false) If ((f.T1.value.charAt(0) <“A“) || (f.T1.value.charAt(0) >“Z“) ) { alert(“Le premier caractère ne doit pas être un chiffre“); } </script> { alert(“Le premier caractère doit être une lettre majuscule (A..Z)“); } </script> Le premier caractère de la zone texte « T1 » doit Le premier caractère de la zone texte « T1 » doit être être une lettre minuscule (a..z) une lettre voyelle <script> <script> If ((f.T1.value.charAt(0) <“a“) || (f.T1.value.charAt(0) >“z“) ) ch=”AEIUYO”; If (ch.indexOf(f.T1.value.charAt(0).toUpperCase()) == -1) { alert(“Le premier caractère doit être une lettre minuscule (a..z)“); } </script> Le premier caractère de la zone texte « T1 » doit être une lettre alphabétique <script> If ((f.T1.value.charAt(0).toUpperCase() <“A“) || (f.T1.value.charAt(0).toUpperCase() >“Z“) ) { alert(“Le premier caractère doit être une lettre alphabétique“); } </script> { alert(“Le premier caractère doit être une lettre une voyelle“); } </script> La zone texte « T1 » doit être formée que par des lettres alphabétiques <script> function verif() { vc=0; erreur=false; do { if ((f.T1.value.charAt(vc).toUpperCase()<"A") || (f.T1.value.charAt(vc).toUpperCase()>"Z") ) { erreur =true ; } else { vc++ ; } } while( (erreur==false) && (vc< f.T1.value.length)); if (erreur==true) { alert("La zone texte doit être formée que par des lettres alphabétiques“); } } </script> Page 2 sur 4
  3. 3. Résumé de quelques contrôles appliqués sur les zones en Javascript Quelques Traitements sur les zones Radio : Sexe : Homme Cocher un sexe <script> if((f.R1[0].checked==0)&&(f.R1[1].checked==0)) { alert(“il faut cocher un sexe“) } </script> Femme Afficher le message Femme si on coche le sexe « Femme » et Homme lorsqu’on coche « Homme » <script> if(f.R1[0].checked==1) { alert(“Homme“) } else if(f.R1[1].checked==1) { alert(“Femme“) } </script> Quelques Traitements sur les zones case Matières : TIC à cocher : Alg Cocher au moins une matière <script> if((f.C1.checked==0) && (f.C2.checked==0) && (f.C3.checked==0)) { alert(“il faut cocher une matière“) } </script> base de données Afficher le message TIC si on coche la matière « TIC » , le message ALGO si on coche la matière « Alg » et le message Base de données si on coche la matière « Base de données » si on coche les trois cases on affiche « TIC ALGO Base de données » <script> Mess=””; if(f.C1.checked==1) { Mess=Mess+” TIC ”; } if(f.C2.checked==1) { Mess=Mess+” ALGO ”; } if(f.C3.checked==1) { Mess=Mess+” Base de données ”; } alert(Mess) </script> Page 3 sur 4
  4. 4. Résumé de quelques contrôles appliqués sur les zones en Javascript Quelques Traitements sur les zones liste déroulantes Produit : Sélectionner une option <script> CD DVD Souris Ajouter le produit clavier avec un prix 6.800 <script> if(f.D1.options.selectedIndex==-1) { Alert(“sélectionner une option“); } </script> nliste=new Option (“Clavier”,6.800); f.D1.options[f.D1.options.length]=nliste; Ou bien </script> supprimer un produit sélectionner <script> <script> if(f.D1.value==””) { alert(“sélectionner une option“); } </script> indice=f.D1.options.selectedIndex; if (indice==-1) { alert("il faut sélectionner un produit"); } else { f.D1.options[indice]=null; } </script> Afficher un produit (nom et prix sélectionner) <script> indice=f.D1.options.selectedIndex; if (indice==-1) { alert("il faut sélectionner un produit"); } else { Alert(“Produit=”+f.D1.options[indice].text+ “Prix “+ f.D1.options[indice].value) ; } </script> Page 4 sur 4

×