Exercice en java script
oumaima.94
Messages postés
2
Date d'inscription
Statut
Membre
Dernière intervention
-
jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention -
jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention -
bonsoir s'il vous plait j'ai un exercice en javascript mais je suis débutante en javascript je cherche la solution
On demande d’ajouter au formulaire d'authentification une fonction appelée«verifier()»qui permet d’envoyer desalètesune fois on clique sur le bouton envoyer sansremplir un champparmiles champs d’information .
Dans le cascontraire,afficher toutes les informations dans la zone de texte qu’on ajoute en bas du bouton«Envoyer».
voici le code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
</head>
<body>
<center> <form name="f1" action="http://">
<h1><b> Formulaire d'authentification </b></h1>
<br />
<table width="6" bordercolor="#003366">
<tr>
<td>Entrer le nom</td>
<td><input name="tnom" type="text" size="10" /></td>
</tr>
<tr>
<td>Entrer le prénom</td>
<td><input name="tprenom" type="text" size="10" /></td>
</tr>
<tr>
<td>La date de naissance</td>
<td><input name="tdaten" type="text" size="10" /></td>
</tr>
<tr>
<td>Lieu de naissance</td>
<td>
<SELECT NAME="lieu">
<OPTION VALUE="1">Maroc
<OPTION VALUE="2">Etranger
</SELECT>
</td>
</tr>
<tr>
<td>Adresse</td>
<td><input name="tadresse" type="text" size="10" /></td>
</tr>
<tr>
<td>Téléphone personnel</td>
<td><input name="ttelephone" type="text" size="10" /></td>
</tr>
<tr>
<td>Sex</td>
<td>
<SELECT NAME="sex">
<OPTION VALUE="1">Masculin
<OPTION VALUE="2">Feminin
</SELECT>
</td>
</tr>
<tr>
<td>Email</td>
<td><input name="temail" type="text" size="10" /></td>
</tr>
<tr>
<td>Connaissances</td>
<td> </td>
<tr>
<td> <INPUT TYPE="CHECKBOX" NAME="check1" VALUE="1"></td><td>HTML</td>
</tr>
<tr>
<td><INPUT TYPE="CHECKBOX" NAME="check2" VALUE="2"></td><td>CSS</td>
</tr>
<tr>
<td><INPUT TYPE="CHECKBOX" NAME="check3" VALUE="3"> </td><td>JAVASCRIPT</td>
</tr>
<tr>
<td></td>
<td> <input type="button" name="benvoyer" value="Envoyer" /> </td>
</tr>
</table>
</form></center>
</body>
</html>
On demande d’ajouter au formulaire d'authentification une fonction appelée«verifier()»qui permet d’envoyer desalètesune fois on clique sur le bouton envoyer sansremplir un champparmiles champs d’information .
Dans le cascontraire,afficher toutes les informations dans la zone de texte qu’on ajoute en bas du bouton«Envoyer».
voici le code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
</head>
<body>
<center> <form name="f1" action="http://">
<h1><b> Formulaire d'authentification </b></h1>
<br />
<table width="6" bordercolor="#003366">
<tr>
<td>Entrer le nom</td>
<td><input name="tnom" type="text" size="10" /></td>
</tr>
<tr>
<td>Entrer le prénom</td>
<td><input name="tprenom" type="text" size="10" /></td>
</tr>
<tr>
<td>La date de naissance</td>
<td><input name="tdaten" type="text" size="10" /></td>
</tr>
<tr>
<td>Lieu de naissance</td>
<td>
<SELECT NAME="lieu">
<OPTION VALUE="1">Maroc
<OPTION VALUE="2">Etranger
</SELECT>
</td>
</tr>
<tr>
<td>Adresse</td>
<td><input name="tadresse" type="text" size="10" /></td>
</tr>
<tr>
<td>Téléphone personnel</td>
<td><input name="ttelephone" type="text" size="10" /></td>
</tr>
<tr>
<td>Sex</td>
<td>
<SELECT NAME="sex">
<OPTION VALUE="1">Masculin
<OPTION VALUE="2">Feminin
</SELECT>
</td>
</tr>
<tr>
<td>Email</td>
<td><input name="temail" type="text" size="10" /></td>
</tr>
<tr>
<td>Connaissances</td>
<td> </td>
<tr>
<td> <INPUT TYPE="CHECKBOX" NAME="check1" VALUE="1"></td><td>HTML</td>
</tr>
<tr>
<td><INPUT TYPE="CHECKBOX" NAME="check2" VALUE="2"></td><td>CSS</td>
</tr>
<tr>
<td><INPUT TYPE="CHECKBOX" NAME="check3" VALUE="3"> </td><td>JAVASCRIPT</td>
</tr>
<tr>
<td></td>
<td> <input type="button" name="benvoyer" value="Envoyer" /> </td>
</tr>
</table>
</form></center>
</body>
</html>
A voir également:
- Exercice en java script
- Waptrick java football - Télécharger - Jeux vidéo
- Jeux java itel - Télécharger - Jeux vidéo
- Script vidéo youtube - Guide
- Eclipse java - Télécharger - Langages
- Java apk - Télécharger - Langages
3 réponses
Bonjour,
1 - **** Attention ****
Merci de bien vouloir utiliser la coloration syntaxique (les balises de code) lorsque tu postes du code sur le forum.
Explications disponibles ici :
https://codes-sources.commentcamarche.net/faq/10686-le-nouveau-codes-sources-comment-ca-marche#balises-code
Donc.. merci de les ajouter !
2 - Peux tu reformuler ta question (en expliquant le plus clairement possible ce que tu souhaites obtenir, à quel endroit, par rapport à quoi ... etc...)? et puis .. vu qu'en plus tu as oublié de mettre des espaces entre certains mots et que tu as du oublier certaines lettres dans d'autres.... on ne comprend rien.
Merci.
.
1 - **** Attention ****
Merci de bien vouloir utiliser la coloration syntaxique (les balises de code) lorsque tu postes du code sur le forum.
Explications disponibles ici :
https://codes-sources.commentcamarche.net/faq/10686-le-nouveau-codes-sources-comment-ca-marche#balises-code
Donc.. merci de les ajouter !
2 - Peux tu reformuler ta question (en expliquant le plus clairement possible ce que tu souhaites obtenir, à quel endroit, par rapport à quoi ... etc...)? et puis .. vu qu'en plus tu as oublié de mettre des espaces entre certains mots et que tu as du oublier certaines lettres dans d'autres.... on ne comprend rien.
Merci.
.
On demande d’ajouter au formulaire d'authentification une fonction appelée «vérifier()» qui permet d’envoyer des alertes une fois on clique sur le bouton envoyer sans remplir un champ parmi les champs d’information .
Dans le cas contraire,afficher toutes les informations dans la zone de texte qu’on ajoute en bas du bouton«Envoyer».
Dans le cas contraire,afficher toutes les informations dans la zone de texte qu’on ajoute en bas du bouton«Envoyer».
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
</head>
<body>
<center> <form name="f1" action="[http://]">
<h1><b> Formulaire d'authentification </b></h1>
<br />
<table width="6" bordercolor="#003366">
<tr>
<td>Entrer le nom</td>
<td><input name="tnom" type="text" size="10" /></td>
</tr>
<tr>
<td>Entrer le prénom</td>
<td><input name="tprenom" type="text" size="10" /></td>
</tr>
<tr>
<td>La date de naissance</td>
<td><input name="tdaten" type="text" size="10" /></td>
</tr>
<tr>
<td>Lieu de naissance</td>
<td>
<SELECT NAME="lieu">
<OPTION VALUE="1">Maroc
<OPTION VALUE="2">Etranger
</SELECT>
</td>
</tr>
<tr>
<td>Adresse</td>
<td><input name="tadresse" type="text" size="10" /></td>
</tr>
<tr>
<td>Téléphone personnel</td>
<td><input name="ttelephone" type="text" size="10" /></td>
</tr>
<tr>
<td>Sex</td>
<td>
<SELECT NAME="sex">
<OPTION VALUE="1">Masculin
<OPTION VALUE="2">Feminin
</SELECT>
</td>
</tr>
<tr>
<td>Email</td>
<td><input name="temail" type="text" size="10" /></td>
</tr>
<tr>
<td>Connaissances</td>
<td> </td>
<tr>
<td> <INPUT TYPE="CHECKBOX" NAME="check1" VALUE="1"></td><td>HTML</td>
</tr>
<tr>
<td><INPUT TYPE="CHECKBOX" NAME="check2" VALUE="2"></td><td>CSS</td>
</tr>
<tr>
<td><INPUT TYPE="CHECKBOX" NAME="check3" VALUE="3"> </td><td>JAVASCRIPT</td>
</tr>
<tr>
<td></td>
<td> <input type="button" name="benvoyer" value="Envoyer" /> </td>
</tr>
</table>
</form></center>
</body>
</html>
| EDIT : Ajout des balises de code (la coloration syntaxique).
Explications disponibles ici :ICI Merci d'y penser dans tes prochains messages. |
C'est mieux.
Par contre j'ai édité ton message pour y mettre les balises de code.... merci de le faire correctement la prochaine fois.
Donc, pour revenir à ton besoin....
Donc, tu dois boucler sur chaque champ de ton form et t'assurer qu'il n'est pas vide....
A la limite.. dans un premier temps,tu peux te limiter aux champs de type input text (tu feras les autres ensuite au cas par cas)
en JS, tu peux t'appuyer sur une fonction de ce genre :
NB: Ne mets pas d'accents dans le nom de tes fonctions ni de tes variables.
NB2 : la je ne t'ai donné qu'un exemple.... à toi maintenant de l'agrémenter selon tes besoins..... (et reviens nous voir, TON code à l'appui, si tu rencontres des difficultés. )
NB3 :N'oublie pas que nous ne ferons pas TOUT le code à ta place.
Par contre j'ai édité ton message pour y mettre les balises de code.... merci de le faire correctement la prochaine fois.
Donc, pour revenir à ton besoin....
un champ parmi les champs d’information
Donc, tu dois boucler sur chaque champ de ton form et t'assurer qu'il n'est pas vide....
A la limite.. dans un premier temps,tu peux te limiter aux champs de type input text (tu feras les autres ensuite au cas par cas)
en JS, tu peux t'appuyer sur une fonction de ce genre :
function verifier(){
var nbElementsVides = 0;
var inputs = document.getElementsByTagName('input');
for (var i = 0; i < inputs.length; i += 1) {
if(inputs[i].value == '') {
nbElementsVides++;
}
}
alert("il y a " + nbElementsVides + " champs non remplis...";
}
NB: Ne mets pas d'accents dans le nom de tes fonctions ni de tes variables.
NB2 : la je ne t'ai donné qu'un exemple.... à toi maintenant de l'agrémenter selon tes besoins..... (et reviens nous voir, TON code à l'appui, si tu rencontres des difficultés. )
NB3 :N'oublie pas que nous ne ferons pas TOUT le code à ta place.