Chapitre 4 Formulaire HTML & JavaScript
Chapitre 4 Formulaire HTML & JavaScript
Chapitre 4
Formulaire HTML & JavaScript
1. Formulaire HTML
exemples/ChapitreformulaireHTML&JavaScript/formulaire1.html
<html>
<head>
<link rel="stylesheet" href="./myStyle.css"/>
<title>Formulaire</title>
</head>
<body>
<h1>Formulaire HTML5 & JavaScript </h1>
<form name="form1" action="enregistrer.html">
<p><b> Nom:<input type="text" name="nom" size="20"> </b></p>
<p><b> Prénom:<input type="text" name="prenom" size="20"> </b></p>
<p><b> Age:<input type="text" name="age" size="20"></b></p>
<p><b>Mode de passe:<input type="password" name="motdepasse" size="20"></b></p>
<p><b>Confirmer mot de passe: <input type="password" name="confmotdepasse" size="20"></b></p>
<p><b>Adresse Email: </b><input type="text" name="adressmail" size="20"></p>
<p><b>Votre Licence:
<select size="1" name="bc">
<option selected value="0">choisir une licence</option>
<option value="1">BC1</option>
<option value="2">BC2</option>
</BODY>
</HTML>
exemples/ChapitreformulaireHTML&JavaScript/formulaire2.html
<html>
<head>
<link rel="stylesheet" href="./myStyle.css"/>
<title>Formulaire</title>
<script language="javascript">
function verifier()
{
nom=document.form1.nom.value;
prenom=document.form1.prenom.value;
age=document.form1.age.value;
mdp=document.form1.motdepasse.value;
cmdp=document.form1.confmotdepasse.value;
mail=document.form1.adressmail.value;
indice=document.form1.bc.options.selectedIndex;
if(nom=='')
{alert("le champ nom est vide"); return false;}
if(prenom=='')
{alert("le champ prenom est vide"); return false;}
if(age=='')
{alert("le champ age est vide"); return false;}
if(isNaN(age) || Number(age) <17 || Number(age)>55)
{ alert('Lage est doit erte un nombre entre 17 et 55');return false;}
if(mdp=='')
{alert("le champ mot de passe est vide"); return false;}
if(cmdp=='')
{alert("le champ confirmer mot de passe est vide"); return false;}
if(mdp!=cmdp)
{ alert('les deux champs password et confirme password ne sont pas identique '); return false;}
if(mail=='')
{alert("le champ mail est vide"); return false;}
if(mail.indexOf('.')==-1 || mail.indexOf('@')==-1)
{ alert('addresse email invalide'); return false;}
if(indice ==-1)
{alert('veuillez sélectionner une section SVP'); return false;}
test=false;
if(form1.langue[0].checked) test=true;
if(form1.langue[1].checked) test=true;
if(form1.langue[2].checked) test=true;
if(test==false)
{alert('veuillez choisir une seule 2ème langue'); return false;}
<body>
<h1>Formulaire HTML5 & JavaScript </h1>
</BODY>
</HTML>