Posez votre question Format imprimable Liste des forums Aidez-les Statistiques Rechercher Charte Forum Programmation

Vérifier radio buttons d'un formulaire

Dernière réponse le 17 déc 2008 à 11:13:37 Sophie, le 18 mar 2004 à 10:17:17

Signaler ce message aux modérateurs

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

Meilleures réponses pour « vérifier radio buttons d'un formulaire » dans :

Php: verifier qu'un formulaire est rempli Voir

PHP probleme de test sur radio button Voir

[Visual C++] MFC AppWizard / radio button Voir

[PHP] Vérifier le format d'une adresse mail Voir

Javascript radio button et addition (Résolu) Voir

Php radio button (Résolu) Voir

Verification bouton radio JAVASCRIPT Voir

Les formulaires HTML VoirIntérêt d'un formulaire Les formulaires interactifs permettent aux auteurs de pages Web de doter leur page web d'éléments interactifs permettant par exemple un dialogue avec les internaute, à la manière des coupons-réponse présents dans certains...

Posez votre question Répondre

vince, le 18 mar 2004 à 11:54:58

<!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>

Répondre à vince

sophie, le 18 mar 2004 à 14:57:23

Woohoo super vince, j'essaye ça tout de suite !
merci :D

Répondre à sophie

tibo, le 27 fév 2008 à 13:58:26

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));" />

Répondre à tibo

jColt, le 17 déc 2008 à 11:13:37

Salut Tibo

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;
}

Répondre à jColt

Posez votre question Répondre