Formulaire de contact // controle - HTML/CSS - Programmation
MarshPosté 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:
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éc" name="samaritains" />
30 nov + 1 déc
<input type="checkbox" value="7 déc + 8 déc" name="samaritains" />
7 déc + 8 déc
<input type="checkbox" value="14 déc + 15 déc<" name="samaritains" />
14 déc + 15 déc</div>
<div>
<label for="sensibilisation" >
Cours sensibilisation:
</label>
<input type="checkbox" value="03,04,05,06déc" name="sensibilisation" />
03,04,05,06déc
<input type="checkbox" value="10,11,12,13déc" name="sensibilisation" />
10,11,12,13déc
<input type="checkbox" value="17,18,19,20déc" name="sensibilisation" />
17,18,19,20dé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éléphone">
Télé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é(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