Votre question

Vérifier des champs en javascript

Tags :
  • Script
  • Programmation
Dernière réponse : dans Programmation
9 Décembre 2007 15:57:34

Bonjour,

Je veut vérifier les champs de mes commentaires en javascript, pour que si le champ n'est pas validé quand on click sur envoyé, sa mètte un message d'erreur, mais mon script ne marche pas.

Voici mon script javascript:

  1. function controle_commentaire()
  2. {
  3. var minLengthPseudo=3;
  4. var minLengthCommentaire=5;
  5. var verificationCode=4;
  6.  
  7. // on récupère le pseudo le commentaire le code
  8. var pseudo=document.formcommentaires.pseudo.value;
  9. var message=document.formcommentaires.message.value;
  10. var code=document.formcommentaires.code.value;
  11. var list=document.formcommentaires.list.checked;
  12.  
  13. // on teste la taille du pseudo et du commentaire pour voir leurs conformités
  14. var erreur="";
  15. if (pseudo.length<minLengthPseudo)
  16. erreur+='Votre pseudo doit faire au minimum '+minLengthPseudo+' caractères.';
  17. if (message.length<minLengthCommentaire)
  18. erreur+='<br />Votre commentaire doit faire au minimum '+minLengthCommentaire+' caractères.';
  19. if (code!=verificationCode)
  20. erreur+='<br />Votre code de vérification est incorrect.';
  21. if (list)
  22. erreur+='<br />Vous devez accepter les conditions générales.';
  23.  
  24. // si les tailles n'étaient pas bonnes on met une erreur
  25. if (erreur.length>0)
  26. document.getElementById('divErreurs').innerHTML=erreur;  
  27.  
  28. }


Et mon code Html:

  1. <div id="poster_commentaires">
  2.  
  3. <form action="videos.php?id=<?php echo $_GET['id']; ?>" method="post" name="commentaires" id="commentaires" >
  4. <p>
  5. Pseudo :<br /> <input type="text" name="pseudo" id="pseudo" /><br /><br />
  6. Message :<br /> <textarea name="message" id="message" rows="6" cols="40"></textarea><br /><br />
  7. Combien font 2+2 ?<br /> <input type="text" name="code" id="code" /><br /><br />
  8. J'accepte les <a href='conditions_generales.php' target='_blank'>conditions générales</a>
  9. <input type='checkbox' name='list' id='list' value='signup' ><br /><br />
  10. <input type="submit" value="Envoyer" onclick="return controle_commentaire();" />
  11. </p>
  12.  
  13. </form>
  14.  
  15. <br />
  16.  
  17. <div id="divErreurs"></div>
  18.  
  19. </div>

Autres pages sur : verifier champs javascript

10 Décembre 2007 12:48:56

UP!
10 Décembre 2007 21:03:38

UP!
11 Décembre 2007 04:26:30

1 utilises l'évenement onsubmit de ton formulaire comme ceci plutot que le onclick de ton submit :
  1. <form action="videos.php?id=<?php echo $_GET['id']; ?>" method="post" id="commentaires" onsubmit="return controle_commentaire(this);">

(petite remarque juste pour la forme, le diplay d'une entrée utilisateur - $_GET - sans aucun filtrage == porte ouverte à toutes les fenêtres niveau xss & co)
2 utilises les identifiant de ton document en js (plus dom compliant que le passage par les noms que tu utilises). Cela donne quelque chose comme :
  1. function controle_commentaire(){
  2. if(!document.getElementById('pseudo').value)
  3. {
  4. alert('Eh couillon tu met un pseudo ou bien ?!');
  5. document.getElementById('pseudo').focus();
  6. return false;
  7. }
  8. [...etc...]
  9. return true;
  10. }


par exemple.
11 Décembre 2007 19:38:51

Merci!
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS