Souci avec javascript sur controles de saisie

Souci avec javascript sur controles de saisie - HTML/CSS - Programmation

Marsh Posté le 24-05-2008 à 02:22:16    

Bonsoir à tous,
 
Je m'arrache les cheveux sur un script que je n'arrive pas à faire fonctionner.
 
J'ai un formulaire sur lequel je souhaite effectuer des controles en javascript mais ils ne fonctionnent pas.
 
Alors j'ai créé différentes fonctions situées dans un meme fichier "formulaire.js".
 
Voici mon formulaire à controler :
 

Code :
  1. <form method="post" action="index.php?accueil=verification&verification=ajoutpersonne" name="ajoutpersonne"  onSubmit="return validation(this);">
  2.  <tr>
  3.   <td>Que voulez-vous ajouter : </td>
  4.   <td><input type="radio" name="type" value="eleve" onclick="ajouter(this, 'eleve');" onchange="enlever(this, 'eleve');"/> Elève &nbsp&nbsp&nbsp
  5.   <input type="radio" name="type" value="prof" onclick="ajouter(this, 'prof');" onchange="enlever(this, 'prof');"/> Professeur &nbsp&nbsp&nbsp
  6.   <input type="radio" name="type" value="admin" onclick="ajouter(this, 'admin');" onchange="enlever(this, 'admin');"/> Administrateur
  7.   </td>
  8.  </tr>
  9.  <tr>
  10.   <td><br/></td><!--------Création d'u espace entre les informations------>
  11.  </tr>
  12.  <tr>
  13.   <td>Son nom : </td>
  14.   <td><input type="text" name="nom" onChange="test_vide(this, 'Le nom manque', 'led_nom');"/>&nbsp&nbsp&nbsp;<img src="./images/correct.jpg" name="led_nom" border="0"/></td>
  15.  </tr>
  16.  <tr>
  17.   <td>Son prénom : </td>
  18.   <td><input type="text" name="prenom" onChange="test_vide(this, 'Le prénom manque', 'led_prenom');"/>&nbsp&nbsp&nbsp;<img src="./images/correct.jpg" name="led_prenom" border="0"/></td>
  19.  </tr>
  20.  <tr>
  21.   <td>Son adresse : </td>
  22.   <td><input type="text" name="adresse" onChange="test_vide(this, 'L'adresse manque', 'led_adresse');"/>&nbsp&nbsp&nbsp;<img src="./images/correct.jpg" name="led_adresse" border="0"/></td>
  23.  </tr>
  24.  <tr>
  25.   <td>Ville : </td>
  26.   <td><input type="text" name="ville" onChange="test_vide(this, 'La ville manque', 'led_ville');"/>&nbsp&nbsp&nbsp;<img src="./images/correct.jpg" name="led_ville" border="0"/></td>
  27.  </tr>
  28.  <tr>
  29.   <td>Code postal : </td>
  30.   <td><input type="text" name="cp" onChange="test_valeur(this, 'Le code postal manque', 'led_cp');"/>&nbsp&nbsp&nbsp;<img src="./images/correct.jpg" name="led_cp" border="0"/></td>
  31.  </tr>
  32.  <!----Cette ligne sera ajoutée si le bouton radio élève est sélectionné---->
  33.  <!--display:none permet de cacher la ligne.C'est cette info que l'on va modifier grace au javascript en fonction de se que sélectionne l'utilisateur-->
  34.  <!----Appel de la fonction javascript formulaire.js---->
  35.  <tr id="eleve" style="display:none">
  36.   <td>Sa classe : </td>
  37.   <td><input type="text" name="classe" onChange="test_vide(this, 'La classe manque', 'led_classe');"/>&nbsp&nbsp&nbsp;<img src="./images/correct.jpg" name="led_classe" border="0"/></td>
  38.  </tr>
  39.  <!----Cette ligne sera ajoutée si le bouton radio prof est sélectionné---->
  40.  <!----Appel de la fonction javascript formulaire.js---->
  41.  <tr id="prof" style="display:none">
  42.   <td>Matière enseignée : </td>
  43.   <td><input type="text" name="matiere" onChange="test_vide(this, 'La matiere manque', 'led_matiere');"/>&nbsp&nbsp&nbsp;<img src="./images/correct.jpg" name="led_matiere" border="0"/></td>
  44.  </tr>
  45.  <!----Cette ligne sera ajoutée si le bouton radio admin est sélectionné---->
  46.  <!----Appel de la fonction javascript formulaire.js---->
  47.  <tr id="admin" style="display:none">
  48.   <td>Son statut : </td>
  49.   <td><input type="text" name="statut" onChange="test_vide(this, 'Le statut manque', 'led_statut');"/>&nbsp&nbsp&nbsp;<img src="./images/correct.jpg" name="led_statut" border="0"/></td>
  50.  </tr>
  51.  <tr>
  52.   <td><br/></td><!--------Création d'u espace entre les informations------>
  53.  </tr>
  54.  <tr>
  55.   <td colspan="2" align="center"><input type="submit" value="AJOUTER"/></td>
  56.  </tr>
  57. </form>


 
 
Et maintenant voici mon code javascript permettant d'effectuer les controles :
 

Code :
  1. //CONTROLE SUR LE CHOIX DE LA PERSONNE
  2. function enlever(btn, champ)
  3. {
  4. if(btn.unchecked)
  5. {
  6.  document.getElementById(champ).style.display="inline";
  7. }
  8. else
  9. {
  10.  document.getElementById(champ).style.display="none";
  11. }
  12. }
  14. function ajouter(btn, champ)
  15. {
  16. if(btn.checked)
  17. {
  18.  document.getElementById(champ).style.display="inline";
  19. }
  20. else
  21. {
  22.  document.getElementById(champ).style.display="none";
  23. }
  24. }
  26. //DECLARE LE TABLEAU CONTENANT LES VALEURS DES LED
  27. function init()
  28. {
  29. flag = new array(8);
  30. flag['led_nom'] = false;
  31. flag['led_prenom'] = false;
  32. flag['led_adresse'] = false;
  33. flag['led_ville'] = false;
  34. flag['led_cp'] = false;
  35. flag['led_classe'] = false;
  36. flag['led_matiere'] = false;
  37. flag['led_statut'] = false;
  38. document.forms[0].nom.select();
  39. document.forms[0].nom.focus();
  40. }
  42. //TEST SI CHAMP VIDE OU NON
  43. function test_vide(champ, texte, led)
  44. {
  45. with(champ) //Pour le champ en parametre
  46. {
  47.  if(document.formulaire.champ.value == null || document.formulaire.champ.value == '') //si valeur numérique est null  ou si pas de caractère alors
  48.  {
  49.   document.formulaire.images[led].src="incorrect.jpg"; //met la led à incorrect
  50.   flag[led] = false; //mémorise le champs faux pour ce champ
  51.   if(texte != '') //si il y a du texte alors tu l'affiche(ici ca affichera le texte de base
  52.   {
  53.    alert(texte);
  54.    document.formulaire.champ.focus();
  55.   }
  56.   champ.select(); //resélectionne le champ
  57.   champ.focus(); //resélectionne le contenu
  58.   return false; //retourne faux
  59.  }
  60.  else //sinon
  61.  {
  62.   flag[led] = true; //mémorise ok pour ce champ
  63.   document.images[led].src="correct_vert.jpg"; //passe le flag en correct_vert
  64.   return true; //retourn vrai
  65.  }
  66. }
  67. }
  69. //CONTROLE SUR LES CHAMPS NUMERIQUES
  70. function test_valeur(champ, texte, param, led)
  71. {
  72. with(champ)
  73. {
  74.  valeur = lenght(value); //lie la valeur et compare la avec la valeur entrée en paramètre
  75.  texte = parseInt(value); //permet de vérifier si il y a du texte. Car si c'est le cas alors texte aura pour valeur "0" puisque le texte à pour valeur numérique 0.
  76.  if( valeur != param ||  value != valeur)
  77.  {
  78.   document.images[led].src="incorrect.jpg";
  79.   flag[led] = false;
  80.   if(texte != "" )
  81.   {
  82.    alert(texte);
  83.   }
  84.   champ.select();
  85.   champ.focus();
  86.   return false;
  87.  }
  88.  else
  89.  {
  90.   flag[led] = true;
  91.   document.images[led].src="correct_vert.jpg";
  92.   return true;
  93.  }
  94. }
  95. }
  97. //CONTROLE SUR ADRESSE EMAIL
  98. function test_email(champ, texte, led)
  99. {
  100. with(champ)
  101. {
  102.  apos = value.indexOf("@" ); //cherche la position de l'arobase
  103.  dotpos = value.lastIndexOf("." ); //cherche la position du point
  104.  lastpos = value.lenght-1; //controle si l'adresse est vraissemblable
  105.  if(apos < 1 || dotpos-apos < 2 || lastpos-dotpos > 3 || lastpos-dotpos < 2)
  106.  {
  107.   document.images[led].src="incorrect.jpg";
  108.   flag[led] = false;
  109.   if(texte != "" )
  110.   {
  111.    alert(texte);
  112.   }
  113.   champ.select();
  114.   champ.focus();
  115.   return false;
  116.  }
  117.  else
  118.  {
  119.   flag[led] = true;
  120.   document.images[led].src="correct_vert.jpg";
  121.   return true;
  122.  }
  123. }
  124. }
  126. function validation(champ)
  127. {
  128. with(champ)
  129. {
  130.  if(test_vide(nom, 'Veuillez indiquer le nom', 'led_nom') == false)
  131.  {
  132.   nom.select(); nom.focus(); return false;
  133.  }
  134.  if(test_vide(prenom, 'Veuillez indiquer le prénom', 'led_prenom') == false)
  135.  {
  136.   prenom.select(); prenom.focus(); return false;
  137.  }
  138.  if(test_vide(adresse, 'Veuillez indiquer l\'adresse', 'led_adresse'))
  139.  {
  140.   adresse.select(); adresse.focus(); return false;
  141.  }
  142.  if(test_vide(ville, 'Veuillez indiquer la ville', 'led_ville') == false)
  143.  {
  144.   ville.select(); ville.focus(); return false;
  145.  }
  146.  if(test_valeur(cp, 'Veuillez indiquer le code postal', 'led_cp'))
  147.  {
  148.   cp.select(); cp.focus(); return false;
  149.  }
  150.  if(test_vide(classe, 'Veuillez indiquer la classe de l\'élève', 'led_classe'))
  151.  {
  152.   classe.select(); classe.focus(); return false;
  153.  }
  154.  if(test_vide(matiere, 'Veuillez indiquer la matiere qu\'enseigne le professeur', 'led_matiere'))
  155.  {
  156.   matiere.select(); matiere.focus(); return false;
  157.  }
  158.  if(test_vide(statut, 'Veuillez indiquer le statut de du nouvel administrateur', 'led_statut'))
  159.  {
  160.   statut.select(); statut.focus(); return false;
  161.  }
  162.  return true;
  163. }
  164. }


 
 
Alors, les deux première vérification, c'est à dire celles qui controle les boutons "radio" fonctionnent mais pour ce qui est du reste pas moyen de trouver d'où vient le problème.
 
Si quelqu'un a une solution à mon problème je suis preneur !
 
Merci par avance de votre aide.

Reply

Marsh Posté le 24-05-2008 à 02:22:16   

Reply

Marsh Posté le 24-05-2008 à 17:58:27    

Personne pour m'aider???? Please...

Reply

Sujets relatifs:

Leave a Replay

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