afficher div en javascript après validation formulaire non validée

afficher div en javascript après validation formulaire non validée - HTML/CSS - Programmation

Marsh Posté le 12-11-2008 à 14:10:03    

Bonjour à tous,
 
Alors j'ai un problème avec mon formulaire et plus particulièrement sur le javascript. Je m'explique :
 
j'ai différentes questions qui composent mon formulaire. Plusieurs réponses sont affichées par question et seule une seule est possible par question, donc j'utilise les bouton radio.
 
Lorsque l'utilisateur valide le formulaire, si il a omis de cocher un bouton radio d'une question, je voudrai qu'une image (une croix rouge) s'affiche devant la question à laquelle il n'a pas répondu.
 
Mais je n'arrive pas à gérer cette action. voici mon javascript :  
 

Code :
  1. <SCRIPT language="javascript">
  2. function Controle() {
  3. if(document.form1.question1[0].checked || document.form1.question1[1].checked || document.form1.question1[2].checked)
  4. {
  5.  document.getElementById('div1').style.display='none';
  6. }
  7. else
  8. {
  9.  document.getElementById('div1').style.display='block';
  10. }
  11. }
  12. </SCRIPT>


 
Et voici mon formulaire (allégé):  
 

Code :
  1. <form id="formulaire" name="form1" method="post" action="">
  2.   Question 1 :<div id="div1" style="display:none"><img src="img/croix_rouge.gif" /></div>
  3.   <input type="radio" name="question1" value="reponse1" />
  4.   Réponse 1
  5.   <input type="radio" name="question1" value="reponse2" />
  6.   Réponse 2
  7.   <input type="radio" name="question1" value="reponse3" />
  8.   Réponse 3
  9. <br />
  10. <br />
  11. <input type="submit" name="Submit" value="Valider" onClick="Controle();" />
  12. </form>


 
J'ai testé la condition du "if" avec des alert pour voir si elle fonctionne bien et pas de souci de ce côté là mais pour modifier le style.display du div là c'est une autre affaire!
 
Je souhaiterai savoir si il existe une autre manière de contrôler si un bouton radio est coché ou non (j'ai essayé le checked mais ça ne marche pas).  
Comment réduire au maximum le code de mon javascript pour la totalité des questions (environ 15) notamment pour éviter de créer 15 "if" (1 par question).
 
Donc si quelqu'un peut m'aider ce serait sympa car je lutte sérieusement !
 
Merci beaucoup

Reply

Marsh Posté le 12-11-2008 à 14:10:03   

Reply

Sujets relatifs:

Leave a Replay

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