Se connecter avec
S'enregistrer | Connectez-vous

Verification des champs d'un formulaire

Dernière réponse : dans Programmation

Hello, je cherche a faire un petit test (en javascript) sur les champs remplis ou non d'un formulaire html. J'ai cherché sur le net mais pas moyen de faire fonctionner un code, j'ai très (trop) peu de notion javascript.

Mon code formulaire est : 

  1. <html>
  2.   <head>
  3.   <title>Ma page de test</title>
  4. </head>
  5.   <body>
  6.   <form action = "resultat.php" method="post" >
  7.   Votre nom : <input type = "text" id="nom" name = "nom"><br />
  8.   Votre prenom : <input type = "text" id="prenom" name = "prenom"><br />
  9.   Votre pseudo : <input type = "text" name = "pseudo"><br />
  10.   Adresse e-mail : <input type = "text" name = "email"><br />
  11.   Precisez votre nombre de points:  <input type = "text" name = "points"><br />
  12.   Une remarque, motivation ? : <br />
  13. 	<textarea cold="10" rows="3" type = "text" name = "comm"></textarea> <br />
  14.   <input type = "submit" value = "Envoyer">
  15.   <input type = "reset" value = "Reset" > 
  16.   </form>
  17.   </body>
  18.  
  19.  </html>


Je voudrais simplement vérifier sur le nom est rempli. Dans le cas contraire afficher un message d'erreur en pop up. Je sais que c'est possible mais pu moyen de me souvenir de la syntaxe.

Le site sur lequel est présent ce formulaire : http://xxxxxxxxxxxxxxxxxxxxxx et j'ai écrit le test en php...mais bon c'est pas classe :wahoo:  :wahoo: 

merci merci



_______________________
Modo: Pas de lien, s'il te plaît.

Autres pages sur : verification champs formulaire

Lassé par la pub ? Créez un compte

C'est relativement simple...

Voilà ma proposition :

  1. <html>
    

  2. <head>
    

  3. <title>Formulaire</title>
    

  4. <script language="javascript">
    

  5. function testField (){
    

  6.    if(document.form.nom.value == "")
    

  7.     {
    

  8.      alert("Veuillez entrer votre nom!");
    

  9.      document.form.nom.focus();
    

  10.      return false;
    

  11.     }
    

  12. 	}
    

  13. </script>
    

  14. </head>
    

  15.  
  16. <body>
    

  17. <form action="validation.php" method="get" onsubmit="return testField();" name="form">
    

  18. <input name="autres" id="autres" type="text" />
    

  19. <input name="nom" id="nom" type="text" />
    

  20. <input name="submit" type="submit" />
    

  21. </form>
    

  22. </body>
    

  23. </html>


Pour plus d'infos : http://actuel.fr.selfhtml.org/archives/docu/7.0/tedf.htm#a1b1

Bonne chance !
Lassé par la pub ? Créez un compte

Créer un nouveau sujet