Verifier si cas d'option coché avec jscript
cyrilherve
Messages postés
327
Statut
Membre
-
cyrilherve Messages postés 327 Statut Membre -
cyrilherve Messages postés 327 Statut Membre -
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 ???
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:
- Verifier si cas d'option coché avec jscript
- Verifier compatibilite windows 11 - Guide
- Cas ram - Guide
- Vérifier si mot de passe piraté - Guide
- Option d'ergonomie - Guide
- Vérifier si une phrase est correcte - Accueil - Google
2 réponses
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
Tu peux regarder cette page pour t'aider à manier les boutons radio avec javascript: http://www.aliasdmc.fr/coursjavas/cours_javascript94.html
Bon courage
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
<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