Discussion :

[yaboki]

Bonjour,
j'ai ce code qui permet de vérifier des valeurs de deux listes déroulantes selon les conditions.
le souci c'est que dans le cas ou mes deux conditions sont vraies il m'affiche bien le message mais il exécute mon code valider.php.
je ne sais pas si quelqu'un voit d'ou vient le problème
Merci de votre réponse.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
 
<script language="javascript">
function reponse(form4) 
{
if ( (form4.ASCr.value == "Oui") && (form4.ASC_alt.value == ""))
{ alert("Vous devez choisir une réponse à la question 2] ") }
else
{
form4.submit();
}
}
</SCRIPT>
<form name="form4" method="POST" action="valider.php"> 
<table border=2 bordercolor=#FE0008>
<tr>
<td><b>Présence d'un ascenceur?</b></td>
<td>
<select name="ASCr">
<option value ="" <?php if ($change['ASCr']=="") echo "selected"; ?>>Inconnu</option>
<option value ="Oui" <?php if ($change['ASCr']=="Oui") echo "selected"; ?>>Oui</option>
<option value ="Non" <?php if ($change['ASCr']=="Non") echo "selected"; ?>>Non</option>
</select>
</td>
</tr>
 
 
<tr>
<td><b>L'ascenseur est-il de plein pied par rapport à la rue, et suffisamment large pour permettre l'accès aux personnes à mobilité réduite ?</b></td>
<td>
<select name="ASC_alt">
<option value ="" <?php if ($change['ASC_alt']=="") echo "selected"; ?>>Inconnu</option>
<option value ="Oui" <?php if ($change['ASC_alt']=="Oui") echo "selected"; ?>>Oui</option>
<option value ="Non" <?php if ($change['ASC_alt']=="Non") echo "selected"; ?>>Non</option>
</select>
</td>
</tr>
 
</table>
 
<input type="submit" class="bouton"  onClick="reponse(this.form)" value="Valider -Partie (1)-">
</table>
</form>

[RomainVALERI]

Oui, c'est normal, c'est parce qu'il commence par exécuter le code du gestionnaire "onclic", il appelle donc bien ta fonction, mais après il exécute l'action par défaut de l'événement submit, qui est... justement, de soumettre le formulaire ^^ et donc d'exécuter la valeur de la propriété "action" du formulaire, en l'occurrence : valider.php

Pour empêcher le déclenchement du comportement par défaut, ajoute l'instruction return false; au code de ton gestionnaire onclic :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="submit" class="bouton"  onClick="reponse(this.form); return false;" value="Valider -Partie (1)-">

[Bovino]

Ou bien :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
function reponse(form4) 
{
if ( (form4.ASCr.value == "Oui") && (form4.ASC_alt.value == ""))
{ alert("Vous devez choisir une réponse à la question 2] "); return false; }
else
{
return true;;
}
}

et

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="submit" class="bouton"  onclick="return reponse(this.form);" value="Valider -Partie (1)-">

[marcha]

Attention l'utilisation de l'évènement onclick d'un bouton submit
n'est pas crossbrowser

il faudrait utiliser l'évènement onsubmit de la balise form

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<form  onsubmit="return reponse(this);" ...>

En effet, sur certains navigateurs (par ex: IE6), le fait de presser enter sur un champ
texte soumet le formulaire sans lever le onclick du input de type submit.

[RomainVALERI]

Attention l'utilisation de l'évènement onclick d'un bouton submit
n'est pas crossbrowser

il faudrait utiliser l'évènement onsubmit de la balise form

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<form  onsubmit="return reponse(this);" ...>

En effet, sur certains navigateurs (par ex: IE6), le fait de presser enter sur un champ
texte soumet le formulaire sans lever le onclick du input de type submit.

Ah oui c'est vrai tiens... ^^
Le pire c'est que j'avais eu ce souci il y a quelques temps mais je l'avais oublié

Merci marcha

[yaboki]

Merci
ça marche.
j'avais pas fait attention qu'il faut retourner le False