contrôles sur un formulaire
Bonsoir @ tous.
Cela fait quelques jours que je cherche une solution à mes problèmes (en admettant qu'il y en ait une).
Je suis un newbie du javascript (et quasiment du html), j'ai pourtant cherché sur plusieurs forum, regardé pleins de tutos.
Mais en vain.
Je vous expose le contexte.
J'ai fait un questionnaire avec des menus déroulant pour une étude de marché. Certaine des questions demande à la personne de choisir plusieurs réponses et une question comporte un choix "autre" qui demande à la personne de remplir ou non un champ texte dans la question suivante en fonction de la réponse précédente.
ci-dessous un bout de mon code :
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 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159
|
<html>
<head>
<title>Questionnaire</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript" language="Javascript" >
function checkListe()
{
var top=true;
if (document.getElementById('05_Je_sors_du_côté_de_1').value == 0)
{
alert("Sélectionnez une option 5!");
top = false;
}
else
if (document.getElementById('05_Je_sors_du_côté_de_2').value == 0)
{
alert("Sélectionnez une option 5bis!");
top = false;
}
else
if (document.getElementById('14_J_aimerais_écouter_1').value == 0)
{
alert("Sélectionnez une option 14!");
top = false;
}
else
if (document.getElementById('14_J_aimerais_écouter_2').value == 0)
{
alert("Sélectionnez une option 14bis!");
top = false;
}
else
if (document.getElementById('14_J_aimerais_écouter_3').value == 0)
{
alert("Sélectionnez une option 14ter!");
top = false;
}
else
if (document.getElementById('15_Autre').value == "")
{
alert("Sélectionnez une option 15!");
top = false;
}
//result(5,top);
return top;
}
</script>
<style type="text/css">
body,td,th {
font-family: Arial, Helvetica, sans-serif;
}
h5 {
font-size: 11px;
color: #C30;
}
.fond_menu {
background-color: #EAEAEA;
}
.fond_bouton {
background-color: #A2B1D7;
}
.fond_zone_texte {
background-color: #F2F2F2;
}
</style>
</head>
<body bgcolor="#FFFFFF" text="#000000" link="#0000FF" vlink="#0000FF" alink="#0000FF">
<form name="questionnaire" method="POST" action="http://perso0.free.fr/cgi-bin/form2mail.pl" onSubmit="return checkListe()">
<table width="1000" border="0" bgcolor="#FFFFFF" cellpadding="1" cellspacing="0" align="center">
<tr>
<td width="998" height="20" align="center"><h2> </h2></td>
</tr>
<tr>
<td height="617" bgcolor="#FFFFFF"><table border=2 cellpadding=3 width="998" align="center" cellspacing="0" bgcolor="#FFFFFF">
<tr bgcolor="#FFFFFF">
<td width="475" height="49" bgcolor="#E9E9E9">5. Lorsque vous sortez, dans quelle zone géographique vous rendez-vous ?</td>
<td width="503"><h5>2 réponses possibles.<br>
<label for="05. Je sors du côté de 1."></label>
<select name="05. Je sors du côté de 1." size="1" class="fond_menu" id="05_Je_sors_du_côté_de_1">
<option value="0" selected>Choisissez</option>
<option value="Carqueiranne">Carqueiranne</option>
<option value="Hyères">Hyères</option>
<option value="La Garde">La Garde</option>
<option value="La Seyne sur mer">La Seyne sur mer</option>
<option value="La Valette du Var">La Valette du Var</option>
<option value="Six Fours/Sanary">Six Fours/Sanary</option>
<option value="Toulon">Toulon</option>
</select>
<br>
<select name="05. Je sors du côté de 2." size="1" class="fond_menu" id="05_Je_sors_du_côté_de_2">
<option value="0" selected>Choisissez</option>
<option value="Carqueiranne">Carqueiranne</option>
<option value="Hyères">Hyères</option>
<option value="La Garde">La Garde</option>
<option value="La Seyne sur mer">La Seyne sur mer</option>
<option value="La Valette du Var">La Valette du Var</option>
<option value="Six Fours/Sanary">Six Fours/Sanary</option>
<option value="Toulon">Toulon</option>
</select>
</h5></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="88" bgcolor="#E9E9E9">14. Quel type de musique aimeriez-vous écouter ?</td>
<td><h5>3 réponses possibles par ordre de préférence.<br>
<select name="14. J'aimerais écouter 1." size="1" class="fond_menu" id="14_J_aimerais_écouter_1">
<option value="0" selected>Choisissez</option>
<option value="de la musique des années 80">Année 80</option>
<option value="des chansons françaises/à texte">Chanson française/à texte</option>
<option value="de l'électro/house">Electro/house</option>
<option value="de la latino">Latino</option>
<option value="de la musique du monde">Musique du monde</option>
<option value="de la pop/rock">Pop/rock</option>
<option value="du r'n'b">R'n'B</option>
<option value="voir réponse 15">Autre</option>
</select>
<br>
<select name="14. J'aimerais écouter 2." size="1" class="fond_menu" id="14_J_aimerais_écouter_2">
<option value="0" selected>Choisissez</option>
<option value="de la musique des années 80">Année 80</option>
<option value="des chansons françaises/à texte">Chanson française/à texte</option>
<option value="de l'électro/house">Electro/house</option>
<option value="de la latino">Latino</option>
<option value="de la musique du monde">Musique du monde</option>
<option value="de la pop/rock">Pop/rock</option>
<option value="du r'n'b">R'n'B</option>
<option value="voir réponse 15">Autre</option>
</select>
<br>
<select name="14. J'aimerais écouter 3." size="1" class="fond_menu" id="14_J_aimerais_écouter_3">
<option value="0" selected>Choisissez</option>
<option value="de la musique des années 80">Année 80</option>
<option value="des chansons françaises/à texte">Chanson française/à texte</option>
<option value="de l'électro/house">Electro/house</option>
<option value="de la latino">Latino</option>
<option value="de la musique du monde">Musique du monde</option>
<option value="de la pop/rock">Pop/rock</option>
<option value="du r'n'b">R'n'B</option>
<option value="voir réponse 15">Autre</option>
</select>
</h5></td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="30" bgcolor="#E9E9E9">15. Si "Autre" merci de préciser :</td>
<td><input name="15. Autre" type="text" class="fond_zone_texte" id="15_Autre" size="60" maxlength="60"></td>
</tr>
<tr bgcolor="#E9E9E9">
<td colspan="2" align="center" bgcolor="#FFFFFF"><input type="submit" class="fond_bouton" value="Soumettre"></td>
</tr>
</table></td>
</tr>
</table>
</form>
</body>
</html> |
Mes questions :
1) Est-il possible de contrôler sur la question 5 de mon questionnaire que la personne n'ai pas sélectionné 2 fois le même choix.
2) Est-il possible de contrôler sur la question 14 que la personne n'ai pas sélectionné 3 fois le même choix et que si dans un des choix, elle ai sélectionné ou pas le choix "autre", qu'elle doit ou pas remplir le champ de texte de la question 15 qui elle même doit être contrôlé.
Do you understand ??:aie:
J'espère avoir était assez clair :? . Je ne suis pas figé sur d'autre type de présentation. J'avais penser à faire tout le questionnaire en checkbox mais question présentation, j'ai préféré les menus déroulant pour alléger la page et surtout que j'ai une question où il faut 7 réponses !!
Je vous remercie par avance de vos réponses, parce que la franchement je vois pas comment faire :(
Encore merci.
Dgé