Résumé de Quelques Contrôles Appliqués Sur Les Zones en JavaScript

Télécharger au format pdf ou txt
Télécharger au format pdf ou txt
Vous êtes sur la page 1sur 4

Résumé de quelques contrôles appliqués sur les zones

en JavaScript
A) Les zones Texte :
Soit x = document.getElementById(‘’a’’).value
La zone texte ne doit pas être vide La zone texte doit contenir 10 caractères
If (x == ‘’’’) If ( x.length != 10)
{ {
alert (‘’champ vide’’) ; alert (‘’champ invalide’’) ;
} }
La zone texte doit contenir au moins 10 La zone texte doit contenir le caractère @
Caractères If ( x.indexOf(‘’@’’) == -1 )
If ( x.length<10) {
{ alert (‘’champ invalide’’) ;
alert (‘’champ invalide’’) ; }
}
La zone texte ne doit pas contenir le La zone texte doit être numérique et >=0
caractère @ If (isNaN(x) || x<0)
if (x.indexOf(‘’@’’) != -1 ) {
{ alert (‘’champ invalide’’) ;
alert (‘’champ invalide’’) ; }
}
Le premier caractère de la zone texte Le premier caractère de la zone texte
doit être « A » ou « B » doit être majuscule
if (x.charAt(0) != ’’A’’ && x.charAt(0) != ‘’B’’) if (x.charAt(0).toUpperCase() != x.charAt(0))
{ {
alert (‘’champ invalide’’) ; alert (‘’champ invalide’’) ;
} }
La zone texte doit être numérique La zone texte ne doit pas être Numériques
If (isNaN(x)) If ( ! (isNaN(x)))
{ {
alert (‘’champ invalide’’) ; alert (‘’champ invalide’’) ;
} }
Le premier caractère de la zone texte Le premier caractère de la zone texte doit
doit être minuscule être un chiffre
if (x.charAt(0).toLowerCase() != x.charAt(0)) if (isNaN(x.charAt(0)))
{ {
alert (‘’champ invalide’’) ; alert (‘’champ invalide’’) ;
} }
Le premier caractère de la zone texte Le premier caractère de la zone texte doit
ne doit pas être un chiffre être une lettre majuscule (A .. Z)
if ( ! (isNaN(x.charAt(0)))) if (x.charAt(0) < ’’A’’ || x.charAt(0) > ’’Z’’)
{ {
alert (‘’champ invalide’’) ; alert (‘’champ invalide’’) ;
} }
Le premier caractère de la zone texte Le premier caractère de la zone texte doit
doit être une lettre minuscule (a..z) être une lettre voyelle
if (x.charAt(0) < ’’a’’ || x.charAt(0) > ’’z’’) ch=”AEIUYO”;
{ if (ch.indexOf(x.charAt(0).toUpperCase())==-1)
alert (‘’champ invalide’’) ; {
} alert (‘’champ invalide’’) ;
}
Le premier caractère de la zone texte La zone texte doit être formée que par des
doit être une lettre alphabétique lettres alphabétiques
if (x.charAt(0).toUpperCase() < ’’A’’ || function alpha(ch)
x.charAt(0).toUpperCase() > ’’Z’’) {
{ for (i = 0; i < ch.length; i++)
alert (‘’champ invalide’’) ; {
} if("A"<=ch.charAt(i).toUpperCase()<="Z")
{
return true;
}
return false;
}
}
if (alpha(x)==false)
{
alert(‘’champ invalide’’) ;
}
B) Les zones radio
femme=document.getElementById(‘’f’’).checked ;
homme=document.getElementById(‘’h’’).checked ;
Cocher un sexe Afficher le message Femme si on coche le
if (femme==false && homme==false) sexe « Femme » et Homme lorsqu’on
{ coche « Homme »
alert (‘’il faut cocher un sexe’’) ; If (femme==true)
} {
Alert (‘’Femme’’) ;
}
Else
If (homme==true)
{
Alert (‘’Homme’’) ;
}

C) Les zones case à cocher


On a trois cases à cocher comportant les matières : TIC ALGO et BDD
Tic = document.getElementById(‘’t’’).checked ;
algo = document.getElementById(‘’a’’).checked ;
bdd = document.getElementById(‘’b’’).checked ;
Cocher au moins une matière Afficher le message TIC si on coche la
If (tic==false && algo==false && bdd==false) matière « TIC », le message ALGO si on
{ coche la matière « Alg » et le message
alert (‘’cocher au moins une matière’’) ; Base de données si on coche la matière
} «BDD» si on coche les trois cases on
affiche « TIC ALGO BDD »
If (tic==true)
{
alert(‘’TIC’’) ;
}
If (algo==true)
{
alert(‘’ALGO’’) ;
}
If (bdd==true)
{
alert (‘’BDD’’) ;
}
If (tic==true &&algo==true && bdd==true)
{
alert(‘’TIC ALGO BDD’’) ;
}
D) Les zones Liste déroulantes
Soit l’id de la liste est L
Sélectionner une option
if (document.getElementById(‘’L’’).value==’’’’)
{
alert (‘’sélectionner une option’’) ;
}

Ou bien

X=document.getElementById.selectedIndex ;
If (x==-1)
{
alert (‘’sélectionner une option’’) ;
}

Vous aimerez peut-être aussi