Vous êtes sur la page 1sur 6

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 La zone texte « T1 » doit contenir 10 caractères
<script> <script>
if (f.T1.value==““) if (f.T1.value.length != 10)
{ {
alert(“le champ de saisi ne doit pas être vide“); alert(“le champ de saisi doit contenir 10 caractères “);
} }
</script> </script>
La zone texte « T1 » doit contenir au moins 10 caractères La zone texte « T1 » doit être numérique
<script> <script>
if (f.T1.value.length<10) if (isNaN(f.T1.value)==true)
{ {
alert (“le champ de saisi doit contenir au moins 10 alert(“le champ de saisi doit être numériques“);
caractères “); }
} </script>
</script>
La zone texte « T1 » ne doit pas être numériques La zone texte « T1 » doit contenir le caractère @
<script> <script>
if (isNaN(f.T1.value)==false) if (f.T1.value.indexOf(“@“)==-1)
{ {
alert(“le champ de saisi ne doit pas être numériques“); alert(“le champ de saisi doit contenir le caractère @“);
} }
</script> </script>
La zone texte « T1 » ne doit pas contenir le caractère @ La zone texte « T1 » doit être numérique et >=0
<script> <script>
if (f.T1.value.indexOf(“@“) != -1) if ((isNaN(f.T1.value)==true)|| (Number(f.T1.value)<0))
{ {
alert(“le champ de saisi ne doit pas contenir le alert(“le champ de saisi doit être numériques“);
caractère @“); }
} </script>
</script>
1
Le premier caractère de la zone texte « T1 » doit être « A » ou « B » Le premier caractère de la zone texte « T1 » doit être majuscule
<script> <script>
if ((f.T1.value.charAt(0) != “A“)&& (f.T1.value.charAt(0) if (f.T1.value.charAt(0).toUpperCase() !=
!= “B“) f.T1.value.charAt(0))
{ {
alert(“Le premier caractère doit être A ou B “); alert(“Le premier caractère doit être majuscule “);
} }
</script> </script>
Le premier caractère de la zone texte « T1 » doit être minuscule Le premier caractère de la zone texte « T1 » doit être un chiffre
<script> <script>
if(f.T1.value.charAt(0).toLowerCase()!=f.T1.value.charAt( if (isNaN(f.T1.value.charAt(0) )==true)
0)) {
{ alert(“Le premier caractère doit être un chiffre“);
alert(“Le premier caractère doit être minuscule“); }
} </script>
</script>
Le premier caractère de la zone texte « T1 » ne doit pas être un Le premier caractère de la zone texte « T1 » doit être une lettre majuscule
chiffre (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 doit être une lettre majuscule
alert(“Le premier caractère ne doit pas être un (A..Z)“);
chiffre“); }
} </script>
</script>
Le premier caractère de la zone texte « T1 » doit être une lettre La zone texte « T1 » doit contenir une date valide
minuscule (a..z) <script>
<script> function CheckDate(d) {
if(f.T1.value.charAt(0) <“a“ || f.T1.value.charAt(0)>“z“) // Cette fonction vérifie le format JJ/MM/AAAA saisi et la
alert(“Le premier caractère doit être une lettre validité de la date.
minuscule (a..z)“); // Le séparateur est défini dans la variable séparateur
</script> 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 var sep="/"; // separateur entre jour/mois/annee
alphabétique var j=(d.substring(0,2)); var m=(d.substring(3,5));
<script> var a=(d.substring(6)); var ok=1;
if ((f.T1.value.charAt(0).toUpperCase() <“A“) if ( ((isNaN(j))||(j<1)||(j>31)) && (ok==1) ) {
|| (f.T1.value.charAt(0).toUpperCase() >“Z“) ) alert("Le jour n'est pas correct."); ok=0;
{ }
alert(“Le premier caractère doit être une lettre if ( ((isNaN(m))||(m<1)||(m>12)) && (ok==1) ) {
alphabétique“); alert("Le mois n'est pas correct."); ok=0;
} }
</script> if ( ((isNaN(a))||(a<amin)||(a>amax)) && (ok==1) ) {
alert("L'année n'est pas correcte."); ok=0;
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.
if ((d.substring(2,3)!=sep||d.substring(5,6)!=sep) && ok==1)
<script> {
function verifiermail(mail) { alert("Les séparateurs doivent être des "+separateur);
if ((mail.indexOf("@")>=0)&&(mail.indexOf(".")>=0)) ok=0;}
{ if (ok==1) {
return true var d2=new Date(a,m-1,j);
} j2=d2.getDate();
else { m2=d2.getMonth()+1;
alert("Mail invalide !"); a2=d2.getFullYear();
return false if (a2<=100) {a2=1900+a2}
} if ( (j!=j2)||(m!=m2)||(a!=a2) ) {
} alert("La date "+d+" n'existe pas !");
</script> ok=0;
Le premier caractère de la zone texte « T1 » doit être une lettre }
voyelle }
<script> return ok;
ch=”AEIUYO”; }
if(ch.indexOf(f.T1.value.charAt(0).toUpperCase()) == -1) </script>
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 :
Femme
Sexe : Homme
Cocher un sexe Afficher le message Femme si on coche le sexe « Femme » et Homme
<script> lorsqu’on coche « Homme »
if((f.R1[0].checked==0)&&(f.R1[1].checked==0)) <script>
{ if(f.R1[0].checked==1)
alert(“il faut cocher un sexe“) alert(“Homme“)
} else if(f.R1[1].checked==1)
</script> alert(“Femme“)
</script>

4
Quelques Traitements sur les zones case à cocher :
TIC Alg base de données
Matières :
Cocher au moins une matière Afficher le message TIC si on coche la matière « TIC » , le message ALGO
<script> si on coche la matière « Alg » et le message Base de données si on coche la
if(f.C1.checked==0 && f.C2.checked==0 && matière « Base de données » si on coche les trois cases on affiche « TIC
f.C3.checked==0) ALGO Base de données »
{ <script>
alert(“il faut cocher une matière“) Mess=″″;
} if(f.C1.checked==1) Mess=Mess+” TIC ”;
</script> 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
CD
Produit:
Sélectionner une option Ajouter le produit clavier avec un prix 6.800
<script> <script>
if(f.D1.options.selectedIndex==-1) nliste=new Option (“Clavier”,6.800);
{ f.D1.options[f.D1.options.length]=nliste;
alert(“sélectionner une option“); </script>
} supprimer un produit sélectionné
</script> <script>
Ou bien indice=f.D1.options.selectedIndex;
<script> if (indice==-1)
if(f.D1.value==””) alert("il faut sélectionner un produit");
{ else
alert(“sélectionner une option“); f.D1.options[indice]=null;
} </script>
</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>