contrôle de saisie JS

contrôle de saisie JS - HTML/CSS - Programmation

Marsh Posté le 08-01-2009 à 09:43:06    

Voila je ne suis pas spécialiste du JS et j'aurais besoin d'un coup de main.
Le contrôle de saisie du formulaire de contact, fonctionne et affiche les éventuels oublis de remplissage de champs, mais je voudrais qu'il donne le focus au champs de la première erreur et ainsi de suite éventuellement et là, je sèche !
 

Code :
  1. //Controle si les champs du formulaire sont bien rempli
  2. function CheckForm () {
  4. //Initialise variables
  5. var errorMsg = "";
  6. var formArea = document.getElementById('Demande');
  8. //controle du champs nom
  9. if (formArea.nom.value == "" ){
  10.  errorMsg += "\n\tnom \t- Entrez votre nom";
  11. }
  13. //controle du champs prenom
  14. if (formArea.prenom.value == "" ){
  15.  errorMsg += "\n\tprenom \t- Entrez votre prénom";
  16. }
  18. //controle s'il y a une adresse Mail et si elle est valide
  19. if ((formArea.eMail.value == "" ) || (formArea.eMail.value.length > 0 && (formArea.eMail.value.indexOf("@",0) == - 1 || formArea.eMail.value.indexOf(".",0) == - 1))) {
  20.  errorMsg += "\n\teMail \t- Entrez une adresse mail valide";
  21. }
  23. //controle du champs Objet
  24. if (formArea.Objet.value == "" ){
  25.  errorMsg += "\n\tObjet \t- Entrez l'objet de votre demande";
  26. }
  28. //controle du champs demande
  29. if (formArea.demande.value.length <= 0){
  30.   errorMsg += "\n\tdemande \t- Entrez votre demande";
  31. }
  33. //S'il y a un problème avec le formulaire on affiche la ou les erreurs
  34. if (errorMsg != "" ){
  35.  msg = "______________________________________________________________\n\n";
  36.  msg += "Votre mail n'a pas été envoyé, car il y a des problèmes dans le formulaire.\n";
  37.  msg += "Veuillez corriger et re soumettre le formulaire.\n";
  38.  msg += "______________________________________________________________\n\n";
  39.  msg += "Le ou les champs suivant doivent être corrigés.: -\n";
  41.  errorMsg += alert(msg + errorMsg + "\n\n" );
  42.  return false;
  43. }
  44. return true;
  45. }

Reply

Marsh Posté le 08-01-2009 à 09:43:06   

Reply

Marsh Posté le 08-01-2009 à 11:32:20    

Rajouter  formArea.element.focus(); ce qui donne

Code :
  1. //Controle si les champs du formulaire sont bien rempli  
  2. function CheckForm () {
  4. //Initialise variables  
  5. var errorMsg = "";
  6. var formArea = document.getElementById('Demande');
  8. //controle du champs nom  
  9. if (formArea.nom.value == "" ){
  10. errorMsg += "\n\tnom \t- Entrez votre nom";
  11. formArea.nom.focus();
  12. }
  14. //controle du champs prenom  
  15. if (formArea.prenom.value == "" ){
  16. errorMsg += "\n\tprenom \t- Entrez votre prénom";
  17. formArea.prenom.focus();
  18. }
  20. //controle s'il y a une adresse Mail et si elle est valide  
  21. if ((formArea.eMail.value == "" ) || (formArea.eMail.value.length > 0 && (formArea.eMail.value.indexOf("@",0) == - 1 || formArea.eMail.value.indexOf(".",0) == - 1))) {
  22. errorMsg += "\n\teMail \t- Entrez une adresse mail valide";
  23. formArea.eMail.focus();
  24. }
  26. //controle du champs Objet  
  27. if (formArea.Objet.value == "" ){
  28. errorMsg += "\n\tObjet \t- Entrez l'objet de votre demande";
  29. formArea.Objet.focus();
  30. }
  32. //controle du champs demande  
  33. if (formArea.demande.value.length <= 0){
  34.   errorMsg += "\n\tdemande \t- Entrez votre demande";
  35. formArea.demande.focus();
  36. }
  38. //S'il y a un problème avec le formulaire on affiche la ou les erreurs  
  39. if (errorMsg != "" ){
  40. msg = "______________________________________________________________\n\n";
  41. msg += "Votre mail n'a pas été envoyé, car il y a des problèmes dans le formulaire.\n";
  42. msg += "Veuillez corriger et re soumettre le formulaire.\n";
  43. msg += "______________________________________________________________\n\n";
  44. msg += "Le ou les champs suivant doivent être corrigés.: -\n";
  46. errorMsg += alert(msg + errorMsg + "\n\n" );
  47. return false;
  48. }
  49. return true;
  50. }


Reply

Marsh Posté le 08-01-2009 à 11:43:30    

Merci beaucoup ça fonctionne :)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed