Bonjour,
j'ai une page de formulaire qui fait appelle à 2 script.
- le premier me fait apparaître un champs supplémentaire selon le résultat d'un select.
- l'autre me permet de vérifier que tous les champs obligatoires sont remplis avant de passer à la page suivante.
Les 2 fonctionnent très bien sous firefox mais sous IE6 ça ne fonctionne plus.
Voici des bouts de code.
Mon body où je charge ma première fonction
Code Javascript :
<body bgcolor='#D7D7D7' leftmargin='0' topmargin='40' marginheight='40' marginwidth='0' style='font-family:Arial, Helvetica, sans-serif' onload='affiche2(this.form);'>"
la fonction en question
Code Javascript :
function affiche2(){
var res= document.getElementById('insectets').value;
if(res != 'Autre')
{
document.getElementById('precets').style.display='none';
document.getElementById('inprecets').style.display='none';
}
else
{
document.getElementById('inprecets').style.display='block';
document.getElementById('precets').style.display='block';
}
}
et les champs concernés dans mon formulaire
Code PHP :
<tr>
<td width="140" align="left"><b>Secteur d'activité<font color="#FF0000">*</font> : </b></td>
<td align="left"> <select name="secteuract_ets" id="insectets" onchange="affiche2(this.form)">
<option value="" selected="selected"></option>
<?php
$result2 = mysql_query("SELECT * FROM secteur ORDER BY nom_secteur");
while($tableau2 = mysql_fetch_array($result2))
{
if($tableau2['nom_secteur'] != "Autre")
{echo "<option value='".$tableau2['id_secteur']."'>".$tableau2['nom_secteur']."</option>";}
}
?>
<option value="Autre">Autre...</option>
</select>
</td>
<td id="precets" align="left" hidden><b>Précisez<font color="#FF0000">*</font> : </b></td>
<td align="left" id="inprecets" hidden><input type="text" name="secteur_act" id="secteur_act"></td>
</tr>
Pour la verif voici mon script en vous passant les détails qui sont rébarbatifs
Code Javascript :
function verifform(formulaire){
// Initialisation de la variable qui sera affichée en cas d'erreur
var y = "Veuillez compléter les champs suivants :\n ";
//Test que la civilité est bien choisie
if ( !document.formulaire.civilite[0].checked ) {
if ( !document.formulaire.civilite[1].checked ) {
if ( !document.formulaire.civilite[2].checked ) {
y += "- Votre civilité\n ";
}}}
//Test des champs obligatoires
var email = document.formulaire.email.value; //email de l'annonceur
var email_ets = document.formulaire.email_ets.value; //email de l'entreprise
if( formulaire.prenom.value == "")
{y += "- Votre prénom\n ";}
...
if (y != "Veuillez compléter les champs suivants :\n ")
alert(y)
else formulaire.submit();
}
et le bouton où j'appelle la fonction
Code HTML :
<input type="reset"><input type="button" name="envoi" value="Envoyer" onclick="verifform(this.form)">
Voilà si vous pouviez m'aider ça serait sympa.
PS : comment faire lorsque le javascript n'est pas activé sur les PC?