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([Link]=="") if([Link] != 10)
{ {
alert("le champ de saisi ne doit pas alert("le champ de saisi doit contenir
être vide"); 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([Link])==true)
if([Link]<10) {
{ alert("le champ de saisi doit être
alert ("le champ de saisi doit numériques");
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([Link]("@")==-1)
if(isNaN([Link])==false) {
{ alert("le champ de saisi doit contenir
alert("le champ de saisi ne doit pas le caractère @");
ê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([Link])==true)||
if([Link]("@") != -1) ([Link]<0))
{ {
alert("le champ de saisi ne doit pas alert("le champ de saisi doit être
contenir le caractère @"); numériques");
} }
</script> </script>
Le premier caractère de la zone texte « T1 » Le premier caractère de la zone texte « T1 » doit
doit être « A » ou « B » être majuscule
<script> <script>
if(([Link](0) != "A") && if([Link](0).toUpperCase() !=
([Link](0) != "B") [Link](0) )
{ {
alert("Le premier caractère doit être alert("Le premier caractère doit être
A ou B "); majuscule ");
} }
</script> </script>
Le premier caractère de la zone texte « T1 » Le premier caractère de la zone texte « T1 » doit
doit être minuscule être un chiffre
<script> <script>
if([Link](0).toLowerCase() if(isNaN([Link](0) )==true)
!= [Link](0) ) {
{ alert("Le premier caractère doit être un
alert("Le premier caractère doit être chiffre");
minuscule "); }
} </script>
</script>
Enseignante : CHAMKHA Nadia 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 » Le premier caractère de la zone texte « T1 » doit
ne doit pas être un chiffre être une lettre majuscule (A .. Z)
<script> <script>
if(isNaN([Link](0) if(([Link](0) <“A”) ||
)==false) ([Link](0) >“Z”) )
{ {
alert(“Le premier caractère ne doit alert("Le premier caractère doit être
pas être un chiffre”); une lettre majuscule (A..Z) ");
} }
</script> </script>
Le premier caractère de la zone texte « T1 » Le premier caractère de la zone texte « T1 » doit
doit être une lettre minuscule (a..z) être une lettre voyelle
<script> <script>
if(([Link](0) <"a") || ch="AEIUYO";
([Link](0) >"z") ) if([Link]([Link](0).toUpp
{ erCase()) == -1)
alert("Le premier caractère doit être {
une lettre minuscule (a..z) "); alert("Le premier caractère doit être
} une lettre une voyelle");
</script> }
</script>
Le premier caractère de la zone texte « T1 » La zone texte « T1 » doit être formée que par des
doit être une lettre alphabétique lettres alphabétiques
<script> <script>
if(([Link](0).toUpperCase() function verif()
<"A") || { vc=0; erreur=false;
([Link](0).toUpperCase() do
>"Z") ) {
{ if(([Link](vc).toUpperCase()<
alert("Le premier caractère doit être "A") ||
une lettre alphabétique"); ([Link](vc).toUpperCase()>"Z"
} ) )
</script> { erreur =true ; }
else
{ vc++ ; }
}
while( (erreur==false) && (vc<
[Link]));
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 :
Cocher un sexe Afficher le message Femme si on coche le sexe
<script> « Femme » et Homme lorsqu’on coche « Homme »
if((f.R1[0].checked==0)&&(f.R1[1].che <script>
cked==0)) if(f.R1[0].checked==1)
{ { alert("Homme")
alert("il faut cocher un sexe") }
} else
</script> if(f.R1[1].checked==1)
{ alert("Femme")
}
</script>
Enseignante : CHAMKHA Nadia Page 2 sur 4
Résumé de quelques contrôles appliqués sur les zones en JavaScript
Quelques Traitements sur les zones « case à cocher » :
Web dynamique Animation 3D Base de données
Matières :
Cocher au moins une matière Afficher le message Web dynamique si on coche la
<script> matière « Web dynamique », le message Animation
if(([Link]==0) && 3D si on coche la matière « Animation 3D» et le
([Link]==0) && message Base de données si on coche la matière
([Link]==0)) « Base de données » si on coche les trois cases on
{ affiche « Web dynamique Animation 3D Base de
alert("Il faut cocher une matière") données »
} <script>
</script> Mess="";
if([Link]==1)
{
Mess=Mess+" Web dynamique ";
}
if([Link]==1)
{
Mess=Mess+" Animation 3D ";
}
if([Link]==1)
{
Mess=Mess+" Base de données ";
}
alert(Mess)
</script>
Quelques Traitements sur les zones « liste de choix »
Produit :
Sélectionner une option Ajouter le produit « Clavier » avec un prix
6.800
<script>
if([Link]==-1) <script>
{
Alert("sélectionner une option"); nliste=new Option
} ("Clavier",6.800);
</script> [Link][[Link]]=
nliste;
Ou bien
<script> </script>
if([Link]=="")
{ Supprimer un produit sélectionné
alert("sélectionner une option");
} <script>
</script> indice=[Link];
if(indice==-1)
{
alert("il faut sélectionner
un produit");
}
else
{
[Link][indice]=null;
}
</script>
Enseignante : CHAMKHA Nadia Page 3 sur 4
Résumé de quelques contrôles appliqués sur les zones en JavaScript
Afficher un produit sélectionné (nom et prix)
<script>
indice=[Link];
if(indice==-1)
{
alert("il faut sélectionner un produit");
}
else
{
Alert("Produit="+[Link][indice].text+ "Prix "+
[Link][indice].value) ;
}
</script>
Enseignante : CHAMKHA Nadia Page 4 sur 4