[go: up one dir, main page]

50% ont trouvé ce document utile (2 votes)
353 vues3 pages

Formulaire de Synthèse en JavaScript

Le document présente un formulaire HTML avec des champs à remplir et des fonctions JavaScript pour la validation et l'affichage des informations saisies. Le formulaire permet de recueillir des informations personnelles comme le nom, prénom, salaire et date de naissance d'un utilisateur.

Transféré par

Ouled Ouledelhaj
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.
Formats disponibles
Téléchargez aux formats DOC, PDF, TXT ou lisez en ligne sur Scribd
50% ont trouvé ce document utile (2 votes)
353 vues3 pages

Formulaire de Synthèse en JavaScript

Le document présente un formulaire HTML avec des champs à remplir et des fonctions JavaScript pour la validation et l'affichage des informations saisies. Le formulaire permet de recueillir des informations personnelles comme le nom, prénom, salaire et date de naissance d'un utilisateur.

Transféré par

Ouled Ouledelhaj
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.
Formats disponibles
Téléchargez aux formats DOC, PDF, TXT ou lisez en ligne sur Scribd
Vous êtes sur la page 1/ 3

Correction du devoir de synthèse N°2

<html>
<head>
<title> devoir de synthèse 2 </title>
<script language="JavaScript">
function genererListes()
{
for(i=1;i<=31;i++)
{

nbr=document.form1.jour.length;
ne= new Option(i,i);
document.form1.jour.options[nbr]=ne;
}

for(i=1;i<=12;i++)
{

nbr=document.form1.mois.length;
ne= new Option(i,i);
document.form1.mois.options[nbr]=ne;
}

for(i=1970;i<=2008;i++)
{

nbr=document.form1.annee.length;
ne= new Option(i,i);
document.form1.annee.options[nbr]=ne;
}
}
function verif()
{
if(document.form1.nom.value == "")
{
alert("Le champ nom ne doit pa être vide");
return false ;
}
if(document.form1.prenom.value == "")
{
alert("Le champ prénom ne doit pas être vide");
return false ;
}
if(document.form1.salaire.value == "")
{
alert("Le champ salaire ne doit pa être vide");
return false ;
}
if(isNaN(document.form1.salaire.value) == true)
{
alert("Le champ salaire doit contenir un nombre");
return false ;
}
if(Number(document.form1.salaire.value) < 0)
{
alert("Le champ salaire doit être positif");
return false ;
}

Page 1/3
if((document.form1.choix[0].checked || document.form1.choix[1].checked ||
document.form1.choix[2].checked)==false)
{
alert("Il faut cocher une option");
return false ;
}
if(document.form1.jour.selectedIndex == -1)
{
alert("Il faut selectionner un jour");
return false ;
}
if(document.form1.mois.selectedIndex == -1)
{
alert("Il faut selectionner un mois");
return false ;
}
if(document.form1.annee.selectedIndex == -1)
{
alert("Il faut selectionner une année");
return false ;
}
}
function mois()
{
var m
i=document.form1.mois.selectedIndex + 1;
switch(i)
{
case 1: m="Janvier";break;
case 2: m="fevrier";break;
case 3: m="Mars";break;
case 4: m="Avril";break;
case 5: m="Mai";break;
case 6: m="Juin";break;
case 7: m="Juillet";break;
case 8: m="Aut";break;
case 9: m="September";break;
case 10: m="Octobre";break;
case 11: m="November";break;
case 12: m="Decembre";break;

}
return(m);
}

function affiche()
{
var nom = document.form1.nom.value;
var prenom = document.form1.prenom.value;
var salaire = document.form1.salaire.value;
var qualification;
if(document.form1.choix[0].checked==true)
qualification="Monsieur";
if(document.form1.choix[1].checked==true)
qualification="Madame";
if(document.form1.choix[2].checked==true)
qualification="Mademoiselle";

Page 2/3
var jour= document.form1.jour.selectedIndex + 1;
var moi= mois();
var annee= document.form1.annee.selectedIndex + 1970;
alert("Bonjour "+ qualification +" "+ nom + " " + prenom + ", votre salaire est " + salaire + " dinars,
vous êtes né le "+ jour + " " + moi +" "+ annee);
}

</script>
</head>

<body>
<form name="form1" action="sauvegarder.html" method="post" onSubmit="return verify()">
<center> Informations personnelles </center> <br> <br>

Nom: <Input type="text" name="nom" value=""> <br>


Prénom: <Input type="text" name="prenom" value=""> <br>
Salaire: <Input type="text" name="salaire" value=""> <br> <br>

Vous êtes: <br>


<input type="radio" name="choix" value="m"> Monsieur <br>
<input type="radio" name="choix" value="mme"> Madame <br>
<input type="radio" name="choix" value="mlle"> Mademoiselle <br> <br>

Jour:
<select name="jour" size=5>
</select>

Mois:
<select name="mois" size=5>
</select>

Année:
<select name="annee" size=5>
</select> <br> <br>

<script language="JavaScript">
genererListes();
</script>

<input type="button" name="bouton1" value="Afficher" onClick="affiche()">


<input type="submit" value="Envoyer">
<input type="reset" value="Annuler">

</form>
</body>
</html>

Page 3/3

Vous aimerez peut-être aussi