1. Résumé de quelques contrôles appliqués sur les zones en Javascript
Page 1 sur 4
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)|| (f.T1.value<0))
{
alert(“le champ de saisi doit être numériques“);
}
</script>
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>
2. Résumé de quelques contrôles appliqués sur les zones en Javascript
Page 2 sur 4
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>
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>
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>
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>
3. Résumé de quelques contrôles appliqués sur les zones en Javascript
Page 3 sur 4
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>
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>
4. Résumé de quelques contrôles appliqués sur les zones en Javascript
Page 4 sur 4
Quelques Traitements sur les zones liste déroulantes
Produit :
CD
DVD
Souris
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>
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>
supprimer un produit sélectionner
<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>