Partage
  • Partager sur Facebook
  • Partager sur Twitter

Upload en fonction du choix du bouton radio

    19 décembre 2010 à 4:46:32

    Bonjour à tous

    J'ai besoin de votre aide, car je suis débutant en java script,
    j'ai fais pas mal de recherches et d'essais, mais pour l'instant
    je n'ai pas encore résolu mon problème.

    J'ai un formulaire html, son traitement php et un javascript.
    Je voudrais que lors du choix du bouton radio "question sans photo"
    la personne qui triche et met quand même une photo, soit avertie par
    ce message " vous avez choisi option sans photo, retirez la photo, merci !"
    (C'est donc en fonction du bouton radio, que l'on enverra ou pas une photo.)

    Je vous donne mes codes, ça sera plus facile à comprendre :

    Le formulaire :
    <form name="formulaire" action="traitement.php" method="post" onSubmit="return verif_formulaire()">
    	<p><var>Cochez votre choix (les champs avec * sont obligatoires) :</var></p>
    	<ul>
    		<li><input type="radio" id="sans_photo" name="question_type" value="Sans photo" ><label for="sans_photo">Question sans photo / xx euros</label></li>
    		<li><input type="radio" id="avec_photo" name="question_type" value="Avec photo" checked="checked"><label for="avec_photo">Question avec photo / yy euros</label></li>
    	</ul>
    
    	<p><label for="prenom">* Votre prénom :</label><br /><input type="text" id="prenom" name="prenom" /></p>
              <p><label for="email">* Votre adresse e-mail :</label><br /><input type="text" id="email" name="email" /></p>
              <p><label for="question">* Votre question :</label><br /><textarea id="question" name="question" cols="48" rows="8"></textarea></p>
    
    
    	<p><label for="photo">Votre photo (formats jpg, png, jpeg) :</label><br/><input type="file" id="photo" name="photo"/></p>
         
               
               <p><input type="submit" name="envoi" value="Envoyer" />
            <h5> <p><var>Une copie de ce formulaire vous sera envoyée par email</var></p><h5>
    </form>
    


    le javascript :
    <script type="text/javascript"> 
    //<![CDATA[
    
    function verif_formulaire()
    {
     if(document.formulaire.prenom.value == "")  {
       alert("Veuillez entrer votre prénom, merci !");
       document.formulaire.prenom.focus();
       return false;
      }
     if(document.formulaire.email.value == "") {
       alert("Veuillez entrer votre adresse électronique, merci !");
       document.formulaire.email.focus();
       return false;
      }
     if(document.formulaire.email.value.indexOf('@') == -1) {
       alert("Ce n'est pas une adresse électronique correcte !");
       document.formulaire.email.focus();
       return false;
      }
     if(document.formulaire.question.value == "") {
       alert("Veuillez saisir votre question, merci !");
       document.formulaire.question.focus();
       return false;
      }
    }
    
    //]]>
    </script>
    


    Merci d'avance pour votre soutien
    • Partager sur Facebook
    • Partager sur Twitter
      20 décembre 2010 à 20:27:01

      J'ai ajouté ce bout de code qui vérifie le bouton radio coché, mais ne vérifie pas si l'upload est ajouté.
      Un peu d'aide svp

      Je voudrais que si l'option "sans photo" est coché et que l'upload photo est ajouté quand même,
      que soit envoyé le message : "Avec cette formule, la photo ne sera pas envoyée"

      ça c'est sur le bouton submit
      onclick="check();"
      


      Et dans la partie head
      function check() {
          var inputs = document.getElementsByTagName('input'),
              inputsLength = inputs.length;
          
          for (var i = 0 ; i < inputsLength ; i++) {
            if (inputs[i].type == 'radio' &&  inputs[i].checked && inputs[i].id == 'sans_photo') {
              alert(' Vous avez choisi question : '+ inputs[i].value);
            }
          }
        }
      

      • Partager sur Facebook
      • Partager sur Twitter

      Upload en fonction du choix du bouton radio

      × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
      × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
      • Editeur
      • Markdown