|
|
|
|
Bonjour,
Dans un formulaire PHP, j’ai 3 boutons radio (aucune par défaut), avec un bouton « envoyer ».
Mon souhait était d’avoir un contrôle de saisie sur ses radios en JavaScript.
Seulement la radio 1 qui est considéré comme vrai; les autres,sont considéré comme faux.
Voici mon code :
<script type="text/javascript">
function verif()
{
if(document.getElementById('travaux').checked==false)
{
alert ("Veuillez sélectionner un type de travaux");
document.form1.site.focus();
return false;
}
else {return true;}
}
</script>
<table width="200">
<tr>
<td><label>
<input type="radio" id="travaux" name="travaux" value="1">
Correctif</label></td>
</tr>
<tr>
<td><label>
<input type="radio" id="travaux" name="travaux" value="2">
Travaux neufs</label></td>
</tr>
<tr>
<td><label>
<input type="radio" id="travaux" name="travaux" value="3">
Préventif</label></td>
</tr>
<tr>
<td><label>
<input type="radio" id="travaux" name="travaux" value="4">
Amélioration</label></td>
</tr>
</table>
Salut,
function verif()
{
var valide=false;
var inpNodes = document.getElementsByName('travaux');
for(var i=0; i< inpNodes.length;i++){
if ( inpNodes[i].getAttribute('checked')==true){
valide = true;
}
}
if (valide == false){
alert ("Veuillez sélectionner un type de travaux");
document.form1.site.focus();
}
return valide;
}
C'est ta fonction que j'ai un peu modifié. |
Salut, tu as 4 boutons radios à ce que je vois, et pas 3.
function verif()
{
var valide=false;
var inpNodes = document.getElementsByName('travaux');
for(var i=0; i< inpNodes.length;i++){
if ( inpNodes[i].getAttribute('checked')==true){
valide = true;
}
}
if (valide == false){
alert ("Veuillez sélectionner un type de travaux");
document.form1.site.focus();
}
return valide;
}
C'est ta fonction que j'ai un peu modifié. |
Salut.
function verif()
{
var valide=false;
var inpNodes = document.getElementsByName('travaux');
for(var i=0; i< inpNodes.length;i++){
if ( inpNodes[i].getAttribute('checked')==true){
valide = true;
}
}
if (valide == false){
alert ("Veuillez sélectionner un type de travaux");
return false;
}else{
return true;
}
}
<form action="tapage.php" onsubmit="return verif()" method="post"> <input type="submit" value="Go"/><!-- Ne pas mettre de onclick dans ton submit. --> |
Hum hum...j'ai testé mais toujours la meme chose
|
Ce code est fonctionnel je le confirme :
|
Et avec 2 boutons submit « Envoyer » et « annuler »
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> <head> <title>test</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <script type="text/javascript"> function verif() { var valide=false; var inpNodes = document.getElementsByName('travaux'); for(var i=0; i< inpNodes.length;i++){ if ( inpNodes[i].getAttribute('checked')==true){ valide = true; } } if (valide == false){ alert ("Veuillez sélectionner un type de travaux"); return false; }else{return true;}} function annul() { window.location.href = 'page1.php'; return true; } </script> </head> <body> <form action="coucou.php" onsubmit="return verif()" method="post"> <table width="200"> <tr> <td><label> <input type="radio" id="travaux" name="travaux" value="1"> Correctif</label></td> </tr> <tr> <td><label> <input type="radio" id="travaux" name="travaux" value="2"> Travaux neufs</label></td> </tr> <tr> <td><label> <input type="radio" id="travaux" name="travaux" value="3"> Préventif</label></td> </tr> <tr> <td><label> <input type="radio" id="travaux" name="travaux" value="4"> Amélioration</label></td> </tr> </table> <input type="submit" value="Go"/> <input type="submit" value="Annuler" onclick="annul()" /> </form> </body> </html> Et après , j'arrete mes questions !lol Quand l'impossible devient possible |
Dans ma fonction j'ai remplacé
window.location.href = 'page1.php'; par document.form1.action="page1.php" ; et j'ai utilisé la commande de Sky34gl3 <input type="submit" value="Annuler" onclick="javascript:this.form.onsubmit='';annul();" /> Le résultat est bon. Mille mercis à Sky34gl3 Quand l'impossible devient possible |
"bouton radio" "actionscript 3" Changer l'état d'un bouton radio javascript Controleur de radio fm Controleur video Definir bouton radio par defaut vb Excel vba controle saisie cellule Fun radio Html bouton radio Html bouton radio attribut checked Imposer un clic dans un bouton radio Javascript bouton radio Javascript onfocus bouton radio Javascript redirection bouton radio Javascript redirection en fonction bouton radio Recuperer la valeur d'un bouton radio Recuperer valeur bouton radio php Recupération de résultat de bouton radio en html Selectionner bouton radio avec javascript
