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 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 » ne doit pas contenir le La zone texte « T1 » doit être numérique et >=0
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“) && If (f.T1.value.charAt(0).toUpperCase() !=
(f.T1.value.charAt(0) != “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>

Page 1 sur 4
 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() != If (isNaN(f.T1.value.charAt(0) )==true)
f.T1.value.charAt(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 » 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“); alert(“Le premier caractère doit être une lettre
} majuscule (A..Z)“);
</script> }
</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“) || ch=”AEIUYO”;
(f.T1.value.charAt(0) >“z“) ) If (ch.indexOf(f.T1.value.charAt(0).toUpperCase()) == -1)
{ {
alert(“Le premier caractère doit être une lettre alert(“Le premier caractère doit être une lettre une
minuscule (a..z)“); voyelle“);
} }
</script> </script>
Le premier caractère de la zone texte « T1 » doit La zone texte « T1 » doit être formée que par des
être une lettre alphabétique lettres alphabétiques
<script> <script>
If ((f.T1.value.charAt(0).toUpperCase() <“A“) function verif()
|| (f.T1.value.charAt(0).toUpperCase() >“Z“) ) { vc=0; erreur=false;
{ do
alert(“Le premier caractère doit être une lettre {
alphabétique“); if ((f.T1.value.charAt(vc).toUpperCase()<"A") ||
} (f.T1.value.charAt(vc).toUpperCase()>"Z") )
</script> { 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
 Résumé de quelques contrôles appliqués sur les zones en Javascript

Quelques Traitements sur les zones Radio :

Homme Femme
Sexe :
Cocher un sexe Afficher le message Femme si on coche le
<script> sexe « Femme » et Homme lorsqu’on coche
if((f.R1[0].checked==0)&&(f.R1[1].checked==0)) « Homme »
{ <script>
alert(“il faut cocher un sexe“) if(f.R1[0].checked==1)
} {
</script> alert(“Homme“)
}
else
if(f.R1[1].checked==1)
{
alert(“Femme“)
}
</script>
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
<script> matière « TIC » , le message ALGO si on
if((f.C1.checked==0) && (f.C2.checked==0) && coche la matière « Alg » et le message Base
(f.C3.checked==0)) de données si on coche la matière « Base de
{ données » si on coche les trois cases on
alert(“il faut cocher une matière“) affiche « TIC ALGO Base de données »
} <script>
</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
 Résumé de quelques contrôles appliqués sur les zones en Javascript

Quelques Traitements sur les zones liste déroulantes

CD
DVD
Produit : Souris

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);
Alert(“sélectionner une option“); f.D1.options[f.D1.options.length]=nliste;
}
</script> </script>
Ou bien supprimer un produit sélectionner

<script> <script>
if(f.D1.value==””) indice=f.D1.options.selectedIndex;
{ if (indice==-1)
alert(“sélectionner une option“); {
} alert("il faut sélectionner un produit");
</script> }
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