SlideShare une entreprise Scribd logo
1  sur  4
Télécharger pour lire hors ligne
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
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
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
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

Contenu connexe

Tendances

Exercices en turbo pascal sur la récursivité
Exercices en turbo pascal sur la récursivitéExercices en turbo pascal sur la récursivité
Exercices en turbo pascal sur la récursivitésalah fenni
 
Atelier Python 2eme partie par Achraf Kacimi El Hassani
Atelier Python 2eme partie par Achraf Kacimi El HassaniAtelier Python 2eme partie par Achraf Kacimi El Hassani
Atelier Python 2eme partie par Achraf Kacimi El HassaniShellmates
 
Fonctions chaine
Fonctions chaineFonctions chaine
Fonctions chaineAfef Ilahi
 
Exercices en turbo pascal sur les nombres
Exercices en turbo pascal sur les nombresExercices en turbo pascal sur les nombres
Exercices en turbo pascal sur les nombressalah fenni
 
Serie algos approximationx
Serie algos approximationxSerie algos approximationx
Serie algos approximationxmohamed_SAYARI
 
Examen principal- php - correction
Examen principal- php - correctionExamen principal- php - correction
Examen principal- php - correctionInes Ouaz
 
POO Java Introduction
POO Java IntroductionPOO Java Introduction
POO Java IntroductionMouna Torjmen
 
Introduction à React JS
Introduction à React JSIntroduction à React JS
Introduction à React JSAbdoulaye Dieng
 
Formation PHP
Formation PHPFormation PHP
Formation PHPkemenaran
 
Exercices_Python_Fenni_2023 -corrigé.pdf
Exercices_Python_Fenni_2023 -corrigé.pdfExercices_Python_Fenni_2023 -corrigé.pdf
Exercices_Python_Fenni_2023 -corrigé.pdfsalah fenni
 
Chapitre1: Langage Python
Chapitre1: Langage PythonChapitre1: Langage Python
Chapitre1: Langage PythonAziz Darouichi
 
Les algorithmes recurrents
Les algorithmes recurrentsLes algorithmes recurrents
Les algorithmes recurrentsmohamed_SAYARI
 
Algorithmes d'approximation
Algorithmes d'approximationAlgorithmes d'approximation
Algorithmes d'approximationmohamed_SAYARI
 

Tendances (20)

Exercices en turbo pascal sur la récursivité
Exercices en turbo pascal sur la récursivitéExercices en turbo pascal sur la récursivité
Exercices en turbo pascal sur la récursivité
 
Algorithmes de tri
Algorithmes de triAlgorithmes de tri
Algorithmes de tri
 
Atelier Python 2eme partie par Achraf Kacimi El Hassani
Atelier Python 2eme partie par Achraf Kacimi El HassaniAtelier Python 2eme partie par Achraf Kacimi El Hassani
Atelier Python 2eme partie par Achraf Kacimi El Hassani
 
Récursivité
RécursivitéRécursivité
Récursivité
 
Fonctions chaine
Fonctions chaineFonctions chaine
Fonctions chaine
 
Exercices en turbo pascal sur les nombres
Exercices en turbo pascal sur les nombresExercices en turbo pascal sur les nombres
Exercices en turbo pascal sur les nombres
 
Serie algos approximationx
Serie algos approximationxSerie algos approximationx
Serie algos approximationx
 
Examen principal- php - correction
Examen principal- php - correctionExamen principal- php - correction
Examen principal- php - correction
 
POO Java Introduction
POO Java IntroductionPOO Java Introduction
POO Java Introduction
 
Introduction à React JS
Introduction à React JSIntroduction à React JS
Introduction à React JS
 
Formation PHP
Formation PHPFormation PHP
Formation PHP
 
Exercices_Python_Fenni_2023 -corrigé.pdf
Exercices_Python_Fenni_2023 -corrigé.pdfExercices_Python_Fenni_2023 -corrigé.pdf
Exercices_Python_Fenni_2023 -corrigé.pdf
 
Chapitre1: Langage Python
Chapitre1: Langage PythonChapitre1: Langage Python
Chapitre1: Langage Python
 
Serie2
Serie2Serie2
Serie2
 
Les algorithmes recurrents
Les algorithmes recurrentsLes algorithmes recurrents
Les algorithmes recurrents
 
Algorithmes d'approximation
Algorithmes d'approximationAlgorithmes d'approximation
Algorithmes d'approximation
 
Résumer arithmétique
Résumer arithmétiqueRésumer arithmétique
Résumer arithmétique
 
Les enregistrements
Les enregistrements Les enregistrements
Les enregistrements
 
Gestion de formulaires en PHP
Gestion de formulaires en PHPGestion de formulaires en PHP
Gestion de formulaires en PHP
 
Serie
SerieSerie
Serie
 

Dernier

Présentation - Initiatives - CECOSDA - OIF - Fact Checking.pptx
Présentation - Initiatives - CECOSDA - OIF - Fact Checking.pptxPrésentation - Initiatives - CECOSDA - OIF - Fact Checking.pptx
Présentation - Initiatives - CECOSDA - OIF - Fact Checking.pptxJCAC
 
PIE-A2-P4-support stagiaires sept 22-validé.pdf
PIE-A2-P4-support stagiaires sept 22-validé.pdfPIE-A2-P4-support stagiaires sept 22-validé.pdf
PIE-A2-P4-support stagiaires sept 22-validé.pdfRiDaHAziz
 
Bibdoc 2024 - Les intelligences artificielles en bibliotheque.pdf
Bibdoc 2024 - Les intelligences artificielles en bibliotheque.pdfBibdoc 2024 - Les intelligences artificielles en bibliotheque.pdf
Bibdoc 2024 - Les intelligences artificielles en bibliotheque.pdfBibdoc 37
 
Pas de vagues. pptx Film français
Pas de vagues.  pptx      Film   françaisPas de vagues.  pptx      Film   français
Pas de vagues. pptx Film françaisTxaruka
 
Aux origines de la sociologie : du XIXème au début XX ème siècle
Aux origines de la sociologie : du XIXème au début XX ème siècleAux origines de la sociologie : du XIXème au début XX ème siècle
Aux origines de la sociologie : du XIXème au début XX ème siècleAmar LAKEL, PhD
 
PIE-A2-P 5- Supports stagiaires.pptx.pdf
PIE-A2-P 5- Supports stagiaires.pptx.pdfPIE-A2-P 5- Supports stagiaires.pptx.pdf
PIE-A2-P 5- Supports stagiaires.pptx.pdfRiDaHAziz
 
Calendrier de la semaine du 8 au 12 avril
Calendrier de la semaine du 8 au 12 avrilCalendrier de la semaine du 8 au 12 avril
Calendrier de la semaine du 8 au 12 avrilfrizzole
 
DIGNITAS INFINITA - DIGNITÉ HUMAINE; déclaration du dicastère .pptx
DIGNITAS INFINITA - DIGNITÉ HUMAINE; déclaration du dicastère .pptxDIGNITAS INFINITA - DIGNITÉ HUMAINE; déclaration du dicastère .pptx
DIGNITAS INFINITA - DIGNITÉ HUMAINE; déclaration du dicastère .pptxMartin M Flynn
 
Pas de vagues. pptx Film français
Pas de vagues.  pptx   Film     françaisPas de vagues.  pptx   Film     français
Pas de vagues. pptx Film françaisTxaruka
 
Bibdoc 2024 - L’Éducation aux Médias et à l’Information face à l’intelligence...
Bibdoc 2024 - L’Éducation aux Médias et à l’Information face à l’intelligence...Bibdoc 2024 - L’Éducation aux Médias et à l’Information face à l’intelligence...
Bibdoc 2024 - L’Éducation aux Médias et à l’Information face à l’intelligence...Bibdoc 37
 
Faut-il avoir peur de la technique ? (G. Gay-Para)
Faut-il avoir peur de la technique ? (G. Gay-Para)Faut-il avoir peur de la technique ? (G. Gay-Para)
Faut-il avoir peur de la technique ? (G. Gay-Para)Gabriel Gay-Para
 
Vulnérabilité numérique d’usage : un enjeu pour l’aide à la réussitepdf
Vulnérabilité numérique d’usage : un enjeu pour l’aide à la réussitepdfVulnérabilité numérique d’usage : un enjeu pour l’aide à la réussitepdf
Vulnérabilité numérique d’usage : un enjeu pour l’aide à la réussitepdfSylvianeBachy
 
Bibdoc 2024 - Sobriete numerique en bibliotheque et centre de documentation.pdf
Bibdoc 2024 - Sobriete numerique en bibliotheque et centre de documentation.pdfBibdoc 2024 - Sobriete numerique en bibliotheque et centre de documentation.pdf
Bibdoc 2024 - Sobriete numerique en bibliotheque et centre de documentation.pdfBibdoc 37
 
Chana Orloff.pptx Sculptrice franco-ukranienne
Chana Orloff.pptx Sculptrice franco-ukranienneChana Orloff.pptx Sculptrice franco-ukranienne
Chana Orloff.pptx Sculptrice franco-ukranienneTxaruka
 
Newsletter SPW Agriculture en province du Luxembourg du 10-04-24
Newsletter SPW Agriculture en province du Luxembourg du 10-04-24Newsletter SPW Agriculture en province du Luxembourg du 10-04-24
Newsletter SPW Agriculture en province du Luxembourg du 10-04-24BenotGeorges3
 
Apprendre avec des top et nano influenceurs
Apprendre avec des top et nano influenceursApprendre avec des top et nano influenceurs
Apprendre avec des top et nano influenceursStagiaireLearningmat
 
La Base unique départementale - Quel bilan, au bout de 5 ans .pdf
La Base unique départementale - Quel bilan, au bout de 5 ans .pdfLa Base unique départementale - Quel bilan, au bout de 5 ans .pdf
La Base unique départementale - Quel bilan, au bout de 5 ans .pdfbdp12
 

Dernier (18)

Présentation - Initiatives - CECOSDA - OIF - Fact Checking.pptx
Présentation - Initiatives - CECOSDA - OIF - Fact Checking.pptxPrésentation - Initiatives - CECOSDA - OIF - Fact Checking.pptx
Présentation - Initiatives - CECOSDA - OIF - Fact Checking.pptx
 
PIE-A2-P4-support stagiaires sept 22-validé.pdf
PIE-A2-P4-support stagiaires sept 22-validé.pdfPIE-A2-P4-support stagiaires sept 22-validé.pdf
PIE-A2-P4-support stagiaires sept 22-validé.pdf
 
Bibdoc 2024 - Les intelligences artificielles en bibliotheque.pdf
Bibdoc 2024 - Les intelligences artificielles en bibliotheque.pdfBibdoc 2024 - Les intelligences artificielles en bibliotheque.pdf
Bibdoc 2024 - Les intelligences artificielles en bibliotheque.pdf
 
Pas de vagues. pptx Film français
Pas de vagues.  pptx      Film   françaisPas de vagues.  pptx      Film   français
Pas de vagues. pptx Film français
 
Aux origines de la sociologie : du XIXème au début XX ème siècle
Aux origines de la sociologie : du XIXème au début XX ème siècleAux origines de la sociologie : du XIXème au début XX ème siècle
Aux origines de la sociologie : du XIXème au début XX ème siècle
 
PIE-A2-P 5- Supports stagiaires.pptx.pdf
PIE-A2-P 5- Supports stagiaires.pptx.pdfPIE-A2-P 5- Supports stagiaires.pptx.pdf
PIE-A2-P 5- Supports stagiaires.pptx.pdf
 
Calendrier de la semaine du 8 au 12 avril
Calendrier de la semaine du 8 au 12 avrilCalendrier de la semaine du 8 au 12 avril
Calendrier de la semaine du 8 au 12 avril
 
DIGNITAS INFINITA - DIGNITÉ HUMAINE; déclaration du dicastère .pptx
DIGNITAS INFINITA - DIGNITÉ HUMAINE; déclaration du dicastère .pptxDIGNITAS INFINITA - DIGNITÉ HUMAINE; déclaration du dicastère .pptx
DIGNITAS INFINITA - DIGNITÉ HUMAINE; déclaration du dicastère .pptx
 
Pas de vagues. pptx Film français
Pas de vagues.  pptx   Film     françaisPas de vagues.  pptx   Film     français
Pas de vagues. pptx Film français
 
Bibdoc 2024 - L’Éducation aux Médias et à l’Information face à l’intelligence...
Bibdoc 2024 - L’Éducation aux Médias et à l’Information face à l’intelligence...Bibdoc 2024 - L’Éducation aux Médias et à l’Information face à l’intelligence...
Bibdoc 2024 - L’Éducation aux Médias et à l’Information face à l’intelligence...
 
Faut-il avoir peur de la technique ? (G. Gay-Para)
Faut-il avoir peur de la technique ? (G. Gay-Para)Faut-il avoir peur de la technique ? (G. Gay-Para)
Faut-il avoir peur de la technique ? (G. Gay-Para)
 
Vulnérabilité numérique d’usage : un enjeu pour l’aide à la réussitepdf
Vulnérabilité numérique d’usage : un enjeu pour l’aide à la réussitepdfVulnérabilité numérique d’usage : un enjeu pour l’aide à la réussitepdf
Vulnérabilité numérique d’usage : un enjeu pour l’aide à la réussitepdf
 
Bibdoc 2024 - Sobriete numerique en bibliotheque et centre de documentation.pdf
Bibdoc 2024 - Sobriete numerique en bibliotheque et centre de documentation.pdfBibdoc 2024 - Sobriete numerique en bibliotheque et centre de documentation.pdf
Bibdoc 2024 - Sobriete numerique en bibliotheque et centre de documentation.pdf
 
Chana Orloff.pptx Sculptrice franco-ukranienne
Chana Orloff.pptx Sculptrice franco-ukranienneChana Orloff.pptx Sculptrice franco-ukranienne
Chana Orloff.pptx Sculptrice franco-ukranienne
 
Newsletter SPW Agriculture en province du Luxembourg du 10-04-24
Newsletter SPW Agriculture en province du Luxembourg du 10-04-24Newsletter SPW Agriculture en province du Luxembourg du 10-04-24
Newsletter SPW Agriculture en province du Luxembourg du 10-04-24
 
Bulletin des bibliotheques Burkina Faso mars 2024
Bulletin des bibliotheques Burkina Faso mars 2024Bulletin des bibliotheques Burkina Faso mars 2024
Bulletin des bibliotheques Burkina Faso mars 2024
 
Apprendre avec des top et nano influenceurs
Apprendre avec des top et nano influenceursApprendre avec des top et nano influenceurs
Apprendre avec des top et nano influenceurs
 
La Base unique départementale - Quel bilan, au bout de 5 ans .pdf
La Base unique départementale - Quel bilan, au bout de 5 ans .pdfLa Base unique départementale - Quel bilan, au bout de 5 ans .pdf
La Base unique départementale - Quel bilan, au bout de 5 ans .pdf
 

Résumé javascript

  • 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