Boutons radio obligatoires
Résolu
djstoun
-
djstoun -
djstoun -
Bonjour,
J'ai un formulaire de six pages avec des boutons radio.
J'aimerais rendre obligatoire la réponse à la question avant de passer à la page suivante contenant la deuxième question. Sur chacune des pages, chaque réponse doit être donc obligatoire.
J'ai regardé de multiples tutos mais cela ne fonctionne pas chez moi. Certains préconisent le Javascript, d'autres le php... Je vous mets ci-dessous mon script de la première page (en sachant que chaque page est faite de la même manière).
Merci beaucoup,
<?php session_start();?>
<form id="formulaire" name="form1" method="post" action="page2.php">
<p>
<label>
<input type="radio" name="R1" value="6" id="R1_0" />
l'Horizon. </label>
<br /></p>
<label>
<input type="radio" name="R1" value="1" id="R1_1" />
les flammes.<br /></label>
</p>
<label>
<input type="radio" name="R1" value="3" id="R1_2" />
les dunes.</label>
<br /></p>
<label>
<input type="radio" name="R1" value="7" id="R1_3" />
la neige.</label> <br />
</p>
</label>
<input type="radio" name="R1" value="10" id="R1_4" />
la mer.</label>
</p>
<p><br />
<input name="Validation" type="submit" id="" value="Valider" />
</p>
</form>
</body>
</html>
J'ai un formulaire de six pages avec des boutons radio.
J'aimerais rendre obligatoire la réponse à la question avant de passer à la page suivante contenant la deuxième question. Sur chacune des pages, chaque réponse doit être donc obligatoire.
J'ai regardé de multiples tutos mais cela ne fonctionne pas chez moi. Certains préconisent le Javascript, d'autres le php... Je vous mets ci-dessous mon script de la première page (en sachant que chaque page est faite de la même manière).
Merci beaucoup,
<?php session_start();?>
<form id="formulaire" name="form1" method="post" action="page2.php">
<p>
<label>
<input type="radio" name="R1" value="6" id="R1_0" />
l'Horizon. </label>
<br /></p>
<label>
<input type="radio" name="R1" value="1" id="R1_1" />
les flammes.<br /></label>
</p>
<label>
<input type="radio" name="R1" value="3" id="R1_2" />
les dunes.</label>
<br /></p>
<label>
<input type="radio" name="R1" value="7" id="R1_3" />
la neige.</label> <br />
</p>
</label>
<input type="radio" name="R1" value="10" id="R1_4" />
la mer.</label>
</p>
<p><br />
<input name="Validation" type="submit" id="" value="Valider" />
</p>
</form>
</body>
</html>
A voir également:
- Boutons radio obligatoires
- Radio française - Télécharger - Médias et Actualité
- A quoi servent les boutons de couleur sur une telecommande - Guide
- Comment réinitialiser un téléphone avec les boutons - Guide
- Application pour reconnaître les boutons - Accueil - Outils
- Télécharger podcast radio france mp3 - Guide
3 réponses
Bonjour,
En utilisant le javascript -> tu ne recharges pas la page si tu as une erreur.
En utilisant le php -> La page sera rechargée s'il y a une erreur
Qu'est-ce que tu as utilisé et qu'est-ce que tu veux utiliser ?
En utilisant le javascript -> tu ne recharges pas la page si tu as une erreur.
En utilisant le php -> La page sera rechargée s'il y a une erreur
Qu'est-ce que tu as utilisé et qu'est-ce que tu veux utiliser ?
Salut,
J'ai utilisé les deux mais avec wamp ça passait directement à la page suivante. Moi ce que j'aimerais c'est que l'on oblige la personne à répondre pour passer à la page suivante.
J'ai utilisé les deux mais avec wamp ça passait directement à la page suivante. Moi ce que j'aimerais c'est que l'on oblige la personne à répondre pour passer à la page suivante.
Est-ce qu'on peut voir ce que tu as tenté avec le javascript ? Parce que c'est ça qu'il te faut, c'est juste qu'il doit y avoir une erreur quelque part...
Sinon tout bêtement, tu fais une petite feinte. Tu mets ton bouton "valider" incliquable jusqu'à ce qu'un radiobouton soit cliqué.
Fonction javascript
En html, tu rajoutes une propriété à ton bouton "valider" (et un id) et tu rajoutes un attribut à tes inputs :
Sinon tout bêtement, tu fais une petite feinte. Tu mets ton bouton "valider" incliquable jusqu'à ce qu'un radiobouton soit cliqué.
Fonction javascript
function valid_form(){
document.getElementById("document_valider").disabled = "false";
}
En html, tu rajoutes une propriété à ton bouton "valider" (et un id) et tu rajoutes un attribut à tes inputs :
<form> <input type="radio" name="R1" value="1" id="R1_1" onclick="valid_form()" /> <input type="radio" name="R1" value="2" id="R1_2" onclick="valid_form()" /> </form> <input name="Validation" type="submit" id="bouton_valider" value="Valider" disabled="true" />
Euh... pour ta première question, disons que j'ai fait une quinzaine de tentatives. Mais, par exemple pour le javascript, je ne mettais pas d'attributs supplémentaires sur mes boutons.
Mais ton idée a l'air très bonne. Mais le souci c'est que j'ai beau cliquer sur un des quatre boutons radio, le bouton envoyer n'est toujours pas disponible. A mon avis il doit manquer un truc. Voici mon code
</head><SCRIPT language="Javascript">
function valid_form(){
document.getElementById("document_valider").disabled = "false";
} </SCRIPT>
<h3>1° question : quelle idée ?</h3>
<div class="quest">
<div class="tr">
<body>
<?php session_start();?>
<form id="formulaire" name="form1" method="post" action="page2.php">
<p>
<label>
<input type="radio" name="R1" value="6" id="R1_0" onclick="valid_form()"/>
L'horizon. </label>
<br /></p>
<label>
<input type="radio" name="R1" value="1" id="R1_1" onclick="valid_form()"/>
Les flammes. <br /></label>
</p>
<label>
<input type="radio" name="R1" value="3" id="R1_2" onclick="valid_form()"/>
les dunes. </label>
<br /></p>
<label>
<input type="radio" name="R1" value="7" id="R1_3" onclick="valid_form()"/>
La neige.</label> <br />
</p>
</label>
<input type="radio" name="R1" value="10" id="R1_4" onclick="valid_form()"/>
La mer.</label>
</p>
<p><br />
<input name="Validation" type="submit" id="bouton_valider" value="Valider" disabled="true" />
</p>
</form>
</body>
</html>
Mais ton idée a l'air très bonne. Mais le souci c'est que j'ai beau cliquer sur un des quatre boutons radio, le bouton envoyer n'est toujours pas disponible. A mon avis il doit manquer un truc. Voici mon code
</head><SCRIPT language="Javascript">
function valid_form(){
document.getElementById("document_valider").disabled = "false";
} </SCRIPT>
<h3>1° question : quelle idée ?</h3>
<div class="quest">
<div class="tr">
<body>
<?php session_start();?>
<form id="formulaire" name="form1" method="post" action="page2.php">
<p>
<label>
<input type="radio" name="R1" value="6" id="R1_0" onclick="valid_form()"/>
L'horizon. </label>
<br /></p>
<label>
<input type="radio" name="R1" value="1" id="R1_1" onclick="valid_form()"/>
Les flammes. <br /></label>
</p>
<label>
<input type="radio" name="R1" value="3" id="R1_2" onclick="valid_form()"/>
les dunes. </label>
<br /></p>
<label>
<input type="radio" name="R1" value="7" id="R1_3" onclick="valid_form()"/>
La neige.</label> <br />
</p>
</label>
<input type="radio" name="R1" value="10" id="R1_4" onclick="valid_form()"/>
La mer.</label>
</p>
<p><br />
<input name="Validation" type="submit" id="bouton_valider" value="Valider" disabled="true" />
</p>
</form>
</body>
</html>