Scribd
Importer
2K vues8 pages

Exercice Javascript 1 Correction

Le document décrit un exercice de validation de formulaire d'inscription avec des champs à renseigner et des contrôles sur le format des données à l'aide de JavaScript. Le formulaire contient des champs numéro, nom, prénom avec des contrôles sur les formats, ainsi que des choix de genre et niveau scolaire obligatoires.

Transféré par

walid abbassi
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
2K vues8 pages

Exercice Javascript 1 Correction

Le document décrit un exercice de validation de formulaire d'inscription avec des champs à renseigner et des contrôles sur le format des données à l'aide de JavaScript. Le formulaire contient des champs numéro, nom, prénom avec des contrôles sur les formats, ainsi que des choix de genre et niveau scolaire obligatoires.

Transféré par

walid abbassi
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Vous êtes sur la page 1/ 8

Exercices

(HTML+JAVASCRIPT)
Exercice 1:
Créez un fichier inscription.html qui permet:
• La clic sur le bouton annuler permet d’initialiser les champs du formulaire
• Le clic sur le bouton "Inscrire" fait appel à :
• Une fonction JavaScript permettant de contrôler le remplissage du formulaire en respectant les
conditions suivantes :
 le champ "Num" est une chaîne de 4 chiffres
 les champs "Nom" et "Prénom" doivent être composés uniquement par des lettres
 le choix du "Genre" et du "Niveau scolaire" est obligatoire.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Document sans nom</title>
<script language="javascript">
function verifNP(ch)
{
if (ch=="")
return false
else
{ for(var i=0; i< ch.length; i++)
{var c= ch.charAt(i).toUpperCase();
if((c<"A")||(c>("Z")))
return false;}
return true
}
}
function verif()
{
num = f.num.value;
nom = f.n.value;
prenom = f.p.value;
if ((num.length != 4)|| (isNaN(num)))
{
alert("verfier le num");
return false;}
if (!verifNP(nom))
{
alert("verfier le nom");
return false
}
if (!verifNP(prenom))
{
alert("verfier le prenom");
return false

}
if((!f.R1[0].checked)&&(!f.R1[1].checked))
{
alert("choix genre obligatoire");
return false
}
if(f.ns.selectedIndex==0)
{
alert ("choix n.v scolaire obligatoire");
return false;
}
}
</script>
</head>
<body>
<h1>INSCRIPTION DES ELECTEURS</h1>
<form name="f" method="post">
<p>Num:<input type="text" name="num" size="20"></p>
<p>Nom:<input type="text" name="n" size="20"></p>
<p>Prenom:<input type="text" name="p" size="20"></p>
<p>Genre<input type="radio" value="v1" name="R1">Fille
<input type="radio" value="v2" name="R1">Garcon</p>
<p>Niveau scolaire:
<select name="ns">
<option selected> choisir</option>
<option>7 eme </option>
<option>8 eme </option>
<option>9 eme </option>
</select></p>
<p> <input type="reset" value="annuler" name="b2"> <input
onclick="return verif()" type=submit value="inscrire"
name="b1">
</p>
</form>
</body>
</html>

Vous aimerez peut-être aussi