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. 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. 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. 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