Exercice en java script

Fermé
oumaima.94 Messages postés 2 Date d'inscription jeudi 26 mai 2016 Statut Membre Dernière intervention 27 mai 2016 - 26 mai 2016 à 22:32
jordane45 Messages postés 38446 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 28 février 2025 - 27 mai 2016 à 16:02
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>
A voir également:

3 réponses

jordane45 Messages postés 38446 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 28 février 2025 4 739
26 mai 2016 à 23:56
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.
.
0
oumaima.94 Messages postés 2 Date d'inscription jeudi 26 mai 2016 Statut Membre Dernière intervention 27 mai 2016
Modifié par jordane45 le 27/05/2016 à 15:56
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».

<!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.
0
jordane45 Messages postés 38446 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 28 février 2025 4 739
27 mai 2016 à 16:02
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....
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.
0