Quelques traitements sur les zones textes (T1) La zone texte « T1 » ne doit pas
Quelques traitements sur les zones textes (T1) La zone texte « T1 » ne doit pas être vide <script> if (f.T1.value==““) { alert(“le champ de saisi ne doit pas être vide“); } </script> La zone texte « T1 » doit contenir 10 caractères <script> if (f.T1.value.length != 10) { alert(“le champ de saisi doit contenir 10 caractères “); } </script> La zone texte « T1 » doit contenir au moins 10 caractères <script> if (f.T1.value.length<10) { alert (“le champ de saisi doit contenir au moins 10 caractères “); } </script> La zone texte « T1 » doit être numérique <script> if (isNaN(f.T1.value)==true) { alert(“le champ de saisi doit être numériques“); } </script> La zone texte « T1 » ne doit pas être numériques <script> if (isNaN(f.T1.value)==false) { alert(“le champ de saisi ne doit pas être numériques“); } </script> La zone texte « T1 » doit contenir le caractère @ <script> if (f.T1.value.indexOf(“@“)==-1) { alert(“le champ de saisi doit contenir le caractère @“); } </script> La zone texte « T1 » ne doit pas contenir le caractère @ <script> if (f.T1.value.indexOf(“@“) != -1) { alert(“le champ de saisi ne doit pas contenir le caractère @“); } </script> La zone texte « T1 » doit être numérique et >=0 <script> if ((isNaN(f.T1.value)==true)|| (Number(f.T1.value)<0)) { alert(“le champ de saisi doit être numériques“); } </script> Résumé de quelques contrôles appliqués sur les zones en JavaScript 1 Le premier caractère de la zone texte « T1 » doit être « A » ou « B » <script> if ((f.T1.value.charAt(0) != “A“)&& (f.T1.value.charAt(0) != “B“) { alert(“Le premier caractère doit être A ou B “); } </script> Le premier caractère de la zone texte « T1 » doit être majuscule <script> if (f.T1.value.charAt(0).toUpperCase() != f.T1.value.charAt(0)) { alert(“Le premier caractère doit être majuscule “); } </script> Le premier caractère de la zone texte « T1 » doit être minuscule <script> if(f.T1.value.charAt(0).toLowerCase()!=f.T1.value.charAt( 0)) { alert(“Le premier caractère doit être minuscule“); } </script> Le premier caractère de la zone texte « T1 » doit être un chiffre <script> if (isNaN(f.T1.value.charAt(0) )==true) { alert(“Le premier caractère doit être un chiffre“); } </script> Le premier caractère de la zone texte « T1 » ne doit pas être un chiffre <script> if (isNaN(f.T1.value.charAt(0) )==false) { alert(“Le premier caractère ne doit pas être un chiffre“); } </script> Le premier caractère de la zone texte « T1 » doit être une lettre majuscule (A .. Z) <script> if (f.T1.value.charAt(0) <“A“||f.T1.value.charAt(0)>“Z“) { alert(“Le premier caractère doit être une lettre majuscule (A..Z)“); } </script> Le premier caractère de la zone texte « T1 » doit être une lettre minuscule (a..z) <script> if(f.T1.value.charAt(0) <“a“ || f.T1.value.charAt(0)>“z“) alert(“Le premier caractère doit être une lettre minuscule (a..z)“); </script> La zone texte « T1 » doit contenir une date valide <script> function CheckDate(d) { // Cette fonction vérifie le format JJ/MM/AAAA saisi et la validité de la date. // Le séparateur est défini dans la variable séparateur var amin=1900; // année mini var amax=2100; // année maxi 2 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> var sep="/"; // separateur entre jour/mois/annee var j=(d.substring(0,2)); var m=(d.substring(3,5)); var a=(d.substring(6)); var ok=1; if ( ((isNaN(j))||(j<1)||(j>31)) && (ok==1) ) { alert("Le jour n'est pas correct."); ok=0; } if ( ((isNaN(m))||(m<1)||(m>12)) && (ok==1) ) { alert("Le mois n'est pas correct."); ok=0; } if ( ((isNaN(a))||(a<amin)||(a>amax)) && (ok==1) ) { alert("L'année n'est pas correcte."); ok=0; } if ((d.substring(2,3)!=sep||d.substring(5,6)!=sep) && ok==1) { alert("Les séparateurs doivent être des "+separateur); ok=0;} if (ok==1) { var d2=new Date(a,m-1,j); j2=d2.getDate(); m2=d2.getMonth()+1; a2=d2.getFullYear(); if (a2<=100) {a2=1900+a2} if ( (j!=j2)||(m!=m2)||(a!=a2) ) { alert("La date "+d+" n'existe pas !"); ok=0; } } return ok; } </script> La zone texte « T1 » doit contenir un email valide Pour vérifier qu'un mail est valide, il suffit de tester la présence de @ et du point. <script> function verifiermail(mail) { if ((mail.indexOf("@")>=0)&&(mail.indexOf(".")>=0)) { return true } else { alert("Mail invalide !"); return false } } </script> Le premier caractère de la zone texte « T1 » doit être une lettre voyelle <script> ch=”AEIUYO”; if(ch.indexOf(f.T1.value.charAt(0).toUpperCase()) == -1) alert(“Le premier caractère doit être une lettre une voyelle“); </script> 3 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> Quelques Traitements sur les zones Radio : Sexe : Homme Femme Cocher un sexe <script> if((f.R1[0].checked==0)&&(f.R1[1].checked==0)) { alert(“il faut cocher un sexe“) } </script> 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> 4 Quelques Traitements sur les zones case à cocher : Matières : TIC Alg base de données 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> 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> Quelques Traitements sur les zones liste déroulantes Produit: CD Sélectionner une option <script> if(f.D1.options.selectedIndex==-1) { alert(“sélectionner une option“); } </script> Ou bien <script> if(f.D1.value==””) { alert(“sélectionner une option“); } </script> Ajouter le produit clavier avec un prix 6.800 <script> nliste=new Option (“Clavier”,6.800); f.D1.options[f.D1.options.length]=nliste; </script> supprimer un produit sélectionné <script> indice=f.D1.options.selectedIndex; if (indice==-1) alert("il faut sélectionner un produit"); else f.D1.options[indice]=null; </script> 5 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> 6 uploads/Sante/ quelques-traitements-sur-les-zones-textes.pdf
Documents similaires
-
13
-
0
-
0
Licence et utilisation
Gratuit pour un usage personnel Attribution requise- Détails
- Publié le Mai 08, 2022
- Catégorie Health / Santé
- Langue French
- Taille du fichier 0.2858MB