Verifier si cas d'option coché avec jscript

Fermé
cyrilherve Messages postés 324 Date d'inscription dimanche 12 août 2007 Statut Membre Dernière intervention 26 août 2011 - 16 sept. 2009 à 13:49
cyrilherve Messages postés 324 Date d'inscription dimanche 12 août 2007 Statut Membre Dernière intervention 26 août 2011 - 16 sept. 2009 à 17:24
Bonjour,

j'ai un formulaire html sur lequel je fais un controle avec javascript. mon formulaire comprend un
groupe de bouton d'option et je veux m'assurer qu'au moins un a ete cauche avant l'envoi du for
mulaire.

voici un bout de code du formulaire :

<form name="expedition" ... >
.
.

<table width="732" cellspacing="0" cellpadding="5">
<tr>
<td width="128">Type de payment</td>
</tr>
<tr>
<td width="128"><label> En compte </label><input type="radio" name="type_pay" value="en compte"></td>
<td width="138"><label> A destination </label><input type="radio" name="type_pay" value=" à destination"></td>
<td width="120"><label> Service </label><input type="radio" name="type_pay" value="service"></td>
<td width="126"><label> Comptant </label><input type="radio" name="type_pay" value="comptant"></td>
<td width="168"><label> Montant total : </label><input type="text" name="montant" maxlength="7"/></td>
</tr>
</table>
.
.
<input type="button" onClick="controle()" name="bouton2" value="enregistrer"/>
</form>


voici le la fonction javascript ' controle() '


<script language="javascript">

function controle()
{
var a=document.expedition.nombord.value;
var b=document.expedition.nomexp.value;
var c=document.expedition.nomdes.value;
var d=document.expedition.type_pay.value;

if (a=="")
{
alert(" Entrez un numero de bordereau! ");
document.expedition.nombord.focus();
}

else
if (b=="")
{
alert(" Saisissez le nom de l'expediteur! ");
document.expedition.nombord.focus();
}

else
if (c=="")
{
alert(" Saisissez le nom du destinataire! ");
document.expedition.nomdes.focus();
}

else
if (d=="")
{
alert(" Choisissez un type de payement! ");
document.expedition.type_pay.focus();
}

else
document.expedition.submit();
}

</script>


probleme : le formulaire est toujours validé meme si aucune case d'option n'est coché.

ou est le probleme svp ???
A voir également:

2 réponses

M@dien Messages postés 437 Date d'inscription mercredi 29 juillet 2009 Statut Membre Dernière intervention 23 septembre 2010 74
16 sept. 2009 à 14:16
Bonjour,

Tu peux regarder cette page pour t'aider à manier les boutons radio avec javascript: http://www.aliasdmc.fr/coursjavas/cours_javascript94.html

Bon courage
0
cyrilherve Messages postés 324 Date d'inscription dimanche 12 août 2007 Statut Membre Dernière intervention 26 août 2011 7
16 sept. 2009 à 17:24
j'ai modifier ma fonction javascript coe suit et ça marche :

<script language="javascript">

function controle()
{
var a=document.expedition.nombord.value;
var b=document.expedition.nomexp.value;
var c=document.expedition.nomdes.value;

var d=document.getElementsByName('type_pay');
var coche=0;
for (var i=0; i<d.length; i++)
{
if(!d[i].checked){coche++}
}


if (a=="")
{
alert(" Entrez un numero de bordereau! ");
document.expedition.nombord.focus();
}

else
if (b=="")
{
alert(" Saisissez le nom de l'expediteur! ");
document.expedition.nombord.focus();
}

else
if (c=="")
{
alert(" Saisissez le nom du destinataire! ");
document.expedition.nomdes.focus();
}
else
if (coche==4)
{
alert(" Choisissez un type de payement! ");
document.expedition.type_pay.focus();
}
else
document.expedition.submit();
}

</script>



merci encore
0