Vérifier radio buttons d'un formulaire
Sophie
-
jColt -
jColt -
Salut
Je suis en train de faire un formulaire en html
J'ai créé des radio buttons "mr" "mme" "mlle", et je voudrais que quand on clique sur le bouton submit du formulaire, si aucun des trois radio button n'a été choisi, il affiche un message d'erreur.
J'ai réussi à faire ça avec des textfield, mais avec les radiobuttons j'y arrive pas, malgré les exemples que j'ai trouvé sur le net
Est-ce qu'une âme généreuse pourrait me venir en aide ?
Merci d'avance
Je suis en train de faire un formulaire en html
J'ai créé des radio buttons "mr" "mme" "mlle", et je voudrais que quand on clique sur le bouton submit du formulaire, si aucun des trois radio button n'a été choisi, il affiche un message d'erreur.
J'ai réussi à faire ça avec des textfield, mais avec les radiobuttons j'y arrive pas, malgré les exemples que j'ai trouvé sur le net
Est-ce qu'une âme généreuse pourrait me venir en aide ?
Merci d'avance
A voir également:
- Vérifier radio buttons d'un formulaire
- Whatsapp formulaire opposition - Guide
- Formulaire de réclamation facebook compte désactivé - Guide
- Verifier compatibilite windows 11 - Guide
- Radio française - Télécharger - Médias et Actualité
- Formulaire de reclamation instagram - Guide
4 réponses
Salut Tibo
Elle est bien ta fonction. Je me suis permis de la changer un petit peu pour la rendre "générique" ;)
Elle est bien ta fonction. Je me suis permis de la changer un petit peu pour la rendre "générique" ;)
/**
* Validation d'un group d'éléments HTML de type 'radio'
*
* @param radioGroup
* @return
*/
function validerRadioGroup(radioGroup){
var res = false;
var n = radioGroup.length;
// Je parcours mes radio afin de voir si une d'elle est à l'etat "checked"
for (var i=0;i<n;i++){
if (radioGroup[i].checked){
res = true;
}
}
return res;
}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript">
function verif(formu){
if (formu.radiobutton1.checked)
alert("ok");
else
alert("pas ok");
}
</script>
</head>
<body>
<form name="form1" method="post" action="">
<p>
<input name="radiobutton1" type="radio" value="radiobutton">
1</p>
<p>
<input type="button" value="hello" onclick="verif(this.form)">
</p>
</form>
</body>
</html>
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript">
function verif(formu){
if (formu.radiobutton1.checked)
alert("ok");
else
alert("pas ok");
}
</script>
</head>
<body>
<form name="form1" method="post" action="">
<p>
<input name="radiobutton1" type="radio" value="radiobutton">
1</p>
<p>
<input type="button" value="hello" onclick="verif(this.form)">
</p>
</form>
</body>
</html>
Voici un bout de code pour gérer plusieurs radio (avec le même nom) pour par exemple la tranche d'age dans un sondage :
function CheckPoll(formu){
// VERIFICATION DE L'AGE
var res = false;
var n = formu.age.length;
// Je parcours mes radio afin de voir si une d'elle est à l'etat "checked"
for (i=0;i<n;i++){
if (formu.age[i].checked){
res = true;
}
}
if (!res){
alert("Vous n'avez pas renseigné votre tranche d'age");
return res; // Je sors de la fonction avec le résultat "false"
}
// Dans mon code html :
<input type="radio" name="age" value="15et20"> entre 15 et 20 ans,
<input type="radio" name="age" value="20et25">20 et 25,
<input type="radio" name="age" value="25et30">25 et 30,
<input type="radio" name="age" value="30etplus">30 et +.
...
puis :
<input type="submit" value="valider" onclick="return(CheckPoll(this.form));" />
function CheckPoll(formu){
// VERIFICATION DE L'AGE
var res = false;
var n = formu.age.length;
// Je parcours mes radio afin de voir si une d'elle est à l'etat "checked"
for (i=0;i<n;i++){
if (formu.age[i].checked){
res = true;
}
}
if (!res){
alert("Vous n'avez pas renseigné votre tranche d'age");
return res; // Je sors de la fonction avec le résultat "false"
}
// Dans mon code html :
<input type="radio" name="age" value="15et20"> entre 15 et 20 ans,
<input type="radio" name="age" value="20et25">20 et 25,
<input type="radio" name="age" value="25et30">25 et 30,
<input type="radio" name="age" value="30etplus">30 et +.
...
puis :
<input type="submit" value="valider" onclick="return(CheckPoll(this.form));" />
