Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1790 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°1811146
axelandre
Posté le 12-11-2008 à 14:10:03  profilanswer
 

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

mood
Publicité
Posté le 12-11-2008 à 14:10:03  profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

Sujets relatifs
Pb validation page HTMLafficher page accueil depuis excel
redirection apres validation du formulaire + email saisie valideValidation formulaire : affiche image devant réponses justes ou fausse
[Résolu] FERMER CE TOPIC VITE !!!Cherche code source pour afficher ip , etc ...
Supprimer les balises HTML d'une string en javascriptRecuperer variable d'un select multiple via javascript
Plus de sujets relatifs à : afficher div en javascript après validation formulaire non validée


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR