vérification de formulaire sous IE
Bonjour j'ai un formulaire composé de liste déroulante qui permettre de recherche des herbergements selon des critères de selection. J'ai une fonction javaScript qui verifie le formulaire avant l'envoi poour verifier que tous les champs sont bien remplis, problème, la verification ne fonctionne pas sous IE. En revanche aucun problème avec mozilla, google chrome, safari, ou autre. Est-ce que quelqu'un aurait une idée.
Je cite mon code, sa aidera surement.
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
| <?php
echo "</thead>";
echo "<div id=\"form\">";
echo "<form onsubmit=\"return valider(this)\" method=\"POST\" action=\"resultat.php\" name=\"formualire\" >";
echo "<div id=\"legend\"><fieldset>";
echo "<table>";
echo "<legend>Hébergement</legend>";
$lien=connect_bdd();
$requete="SELECT libelle_type from TYPE;";
$resultat=mysql_query($requete,$lien);
echo "<label for=\"champ\"></br>Type: </label><select required=\"true\" defval=\"--Choix--\" id=\"selectType\" name=\"selectType\" size=\"1\"><OPTION>--Choix--</OPTION>";
while (($libelle_type = mysql_fetch_row ($resultat))!=NULL) {
echo "<OPTION>".$libelle_type[0]."</OPTION>";
}
echo "</select></br></br>";
echo "<label for=\"champ\">Prix: compris entre </label>";
echo "<select required=\"true\" defval=\"--Choix--\" id=\"prix1\" name=\"prix1\" size=\"1\"><OPTION>--Choix--</OPTION>";
echo "<OPTION>".$prix[0]."</OPTION>";
echo "<OPTION>".$prix[1]."</OPTION>";
echo "<OPTION>".$prix[2]."</OPTION>";
echo "<OPTION>".$prix[3]."</OPTION>";
echo "<OPTION>".$prix[4]."</OPTION>";
echo "<OPTION>".$prix[5]."</OPTION>";
echo "<OPTION>".$prix[6]."</OPTION>";
echo "<OPTION>".$prix[7]."</OPTION>";
echo "<OPTION>".$prix[8]."</OPTION>";
echo "</select>";
echo "<label for=\"champ\"> et </label>";
echo "<select required=\"true\" defval=\"--Choix--\" id=\"prix2\" name=\"prix2\" size=\"1\"><OPTION>--Choix--</OPTION>";
echo "<OPTION>".$prix[0]."</OPTION>";
echo "<OPTION>".$prix[1]."</OPTION>";
echo "<OPTION>".$prix[2]."</OPTION>";
echo "<OPTION>".$prix[3]."</OPTION>";
echo "<OPTION>".$prix[4]."</OPTION>";
echo "<OPTION>".$prix[5]."</OPTION>";
echo "<OPTION>".$prix[6]."</OPTION>";
echo "<OPTION>".$prix[7]."</OPTION>";
echo "<OPTION>".$prix[8]."</OPTION>";
echo "</select>";
echo "<label for=\"champ\"> €</label></br></br>";
echo "<label for=\"champ\"> Capacité: mini </label>";
echo "<select required=\"true\" defval=\"--Choix--\" id=\"capacite\" name=\"capacite\" size=\"1\"><OPTION>--Choix--</OPTION>";
echo "<option>".$capacite[0]."</option>";
echo "<option>".$capacite[1]."</option>";
echo "<option>".$capacite[2]."</option>";
echo "<option>".$capacite[3]."</option>";
echo "<option>".$capacite[4]."</option>";
echo "</select>";
echo "<label for=\"champ\"> personnes(s)</label></br></br>";
echo "<label for=\"champ\"> Localité: inférieur à </label>";
echo "<select required=\"true\" defval=\"--Choix--\" id=\"localisation\" name=\"localisation\" size=\"1\"><OPTION>--Choix--</OPTION>";
echo "<option>".$localisation[0]."</option>";
echo "<option>".$localisation[1]."</option>";
echo "<option>".$localisation[2]."</option>";
echo "</select>";
echo "<label for=\"champ\"> km de Bains</label></br></br>";
echo "</table>";
echo "</fieldset></div></br>";
echo "<input type=\"reset\" value=\"Reinitialiser\">";
echo "<input type=\"submit\" id=\"valeur\" name=\"valeur\" value=\"Valider\">";
echo "</form>";
echo "</div>";
echo "<p id=\"rouge\">*Tous les champs doivent être remplis</p>";
?> |
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
| <script language="javascript" type="text/javascript">
function valider(){
if(document.getElementById("selectType").value=="--Choix--") {
alert("Veuillez selectionner un type!");
return false;
}
if(document.getElementById("prix1").value=="--Choix--"){
alert("Veuillez indiquer un prix mini!");
return false;
}
if(document.getElementById("prix2").value=="--Choix--"){
alert("Veuillez indiquer un prix maxi!");
return false;
}
if(document.getElementById("capacite").value=="--Choix--"){
alert("Veuillez selectionner une capacit\351!");
return false;
}
if(document.getElementById("localisation").value=="--Choix--"){
alert("Veuillez selectionner une localisation!");
return false;
}
if(document.getElementById("prix1").value>document.getElementById("prix2").value){
alert("Fourchette de prix incorrect, veuillez choisir un prix maxi supérieur au prix mini!");
return false;
}
}
</script> |
Décidemment je deteste IE... mais sachant que ce formulaire est destiné aux personnages agés principalement, je me dois qu'il fonctionne sous IE car c'est à 90% le navigateur qui sera utilisé quand le site sera opérationnel.
Merci de votre aide.
Sbenett
