Formulaire de contact // controle

Formulaire de contact // controle - HTML/CSS - Programmation

Marsh Posté le 19-11-2007 à 16:20:00    

Bonjour,
 
 
J'ai créer un formulaire de contact avec contrôle des champs.
Voilà, je viens de rajouter un select, qui doit être contrôlé, mais rien à faire, ça ne fonctionne pas....
voici la source:
 
C'est au niveau (A la fin) "j'accepte les CG
 
 
 
<div class="colonnelarge">
            <form action="http://www.coucou/cgi-bin/formmail.cgi" method="post" style="margin-bottom: 0"  onsubmit="return verif();">
              <input type="hidden" name="recipient" value="toto@toto.fr.ch"/>
             
              <input type="hidden" name="subject" value="Formulaire site internet "/>
              <div class="espace">
                 
                <label for="samaritains">
                  Cours samaritains:
                </label>
       <input type="checkbox" value="30 nov + 1 d&eacute;c" name="samaritains"  />
       30 nov + 1 d&eacute;c
<input type="checkbox" value="7 d&eacute;c + 8 d&eacute;c" name="samaritains"  />
       7 d&eacute;c + 8 d&eacute;c
       <input type="checkbox" value="14 d&eacute;c + 15 d&eacute;c<" name="samaritains" />
       14 d&eacute;c + 15 d&eacute;c</div>
              <div>
               
                <label for="sensibilisation" >
                  Cours sensibilisation:
                </label>
                <input type="checkbox" value="03,04,05,06d&eacute;c" name="sensibilisation"  />
                03,04,05,06d&eacute;c
<input type="checkbox" value="10,11,12,13d&eacute;c" name="sensibilisation"  />
                 
                10,11,12,13d&eacute;c
                <input type="checkbox" value="17,18,19,20d&eacute;c" name="sensibilisation"  />
              17,18,19,20d&eacute;c</div>
              <div class="espace">
                <label for="confirmation" id="label_confirmation">
                  Confirmation par
                </label>
                <select name="confirmation" id="confirmation"  >
                  <option value="CHOISIR">
                  CHOISIR
                  </option>
                  <option value="T&eacute;l&eacute;phone">
                  T&eacute;l&eacute;phone
                  </option>
                  <option value="E-mail">
                  E-mail
                  </option>
                  <option value="courrier">
                  Courrier
                  </option>
                </select>
              </div>
              <div class="espace">
                <label for="nom" id="label_nom">
                  Nom  
                  <span>
                    *
                  </span>
                </label>
                <input type="text" name="nom" id="nom" />
              </div>
              <div class="espace">
                <label for="prenom" id="label_prenom">
                  Prénom  
                  <span>
                    *
                  </span>
                </label>
                <input type="text" name="prenom" id="prenom" />
              </div>
              <div class="espace">
                <label for="adresse" id="label_adresse">
                  Adresse  
                  <span>
                    *
                  </span>
                </label>
                <input type="text" name="adresse" id="adresse" />
              </div>
              <div class="espace">
                <label for="postal" id="label_postal">
                  N° postal  
                  <span>
                    *
                  </span>
                </label>
                <input type="text" name="postal" id="postal" />
              </div>
              <div class="espace" >
                <label for="ville" id="label_ville">
                  Ville  
                  <span>
                    *
                  </span>
                </label>
                <input type="text" name="ville" id="ville" />
              </div>
              <div class="espace">
                <label for="telephone" id="label_telephone">
                  Téléphone  
                  <span>
                    *
                  </span>
                </label>
                <input type="text" name="telephone" id="telephone" />
              </div>
              <div class="espace">
                <label for="email" id="label_email">
                  Email  
                  <span>
                    *
                  </span>
                </label>
                <input type="text" name="email" id="email" />
              </div>
              <div class="espace">
                <label for="age" id="label_age">
                  N&eacute;(e) le  
                  <span>
                    *
                  </span>
                </label>
                <input type="text" name="ne_le" id="age" />
              </div>
              <div class="espace">
                <label for="message" id="label_message">
                  Message
                </label>
<textarea name="message" id="message" cols="40" rows="3"></textarea>
              </div>
               
        <div class="espace">
            <label for="cond" id="label_cond">
                  J'accepte le CG <span>
                    *
            </span> </label>
                   
                <select name="oui" id="cond">
               
                  <option value="non">
                 NON                  </option>
                  <option value="oui">
                 OUI
            </select>
              </div>
               
              <div class="espace">
                <input name="submit" type="submit" class="envoyer" value="Envoyer" />
              </div>
            </form>
          </div>
 
 
et le contrôleur
 
 
function verif() {
   
         var err = 0;
   
         var fields = new Array('confirmation', 'nom', 'prenom', 'adresse', 'postal', 'ville', 'telephone', 'age', 'email', 'cond');
   
       
   
         for(var i=0; i<fields.length; i++){
   
           if(document.getElementById(fields[i]).value == '') {
 
             document.getElementById("label_"+fields[i]).className = 'error';
   
             err++;
   
           } else {
 
             document.getElementById("label_"+fields[i]).className = '';
 
           }
 
         }
   
       
 
         if( validerEmail('email') ) {
 
           document.getElementById("label_email" ).className = '';
 
         } else {
   
           document.getElementById("label_email" ).className = 'error';
   
           err++;
 
         }
   
       
 
        return ! err;
   
       
   
       }
   
       
   
       function validerEmail(idInput) {
   
         if (!document.getElementById(idInput).value.match(/^[\w\.\-]+@([\w\-]+\.)+[a-zA-Z]+$/)) {
   
           return false;
   
         }
   
         return true;
   
       }
 
 
 
Merci du coup de main

Reply

Marsh Posté le 19-11-2007 à 16:20:00   

Reply

Sujets relatifs:

Leave a Replay

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