Vous êtes sur la page 1sur 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