Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Résumé javascript

5,612 views

Published on

Published in: Education

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

×