Bouton 'submit' grisé quand qu'un formulaire à pas été rempli au complet

[lcoulon]

Bonjour

J'ai un formulaire avec 2 series de radios boutons et 6 textboxes.

Je voudrai que le bouton 'submit' reste grisé / inactif tant que qu'aucun choix n'a été fait sur chacune des 2 series de radio bouton et qu'un mois 1 caractère ait été entrés dans chacune des textboxes.

Je ne sais pas trop comment démarrer, pour le moment je pensai déclarer le bouton submit en disabled, ainsi dès le chargement de la page, ce bouton n'est pas actif.

Par contre pour valider les autres conditions je ne sais pas trop comment faire.

Faut il boucle qui tourne sans cesse et qui verifie l'état de chacun des éléments du formulaire ?

je ne sais pas comment gérer mes 2 series de radios boutons ...


Si vous disposez d'un petit code qui pourrait me montrer un exemple, ça m'aiderait.
Je vous remercie de votre aide,

[SpaceFrog]

mets ton bouton en disabled au demarrage
puis sur le onblur ou onchange de tes champs de saisie lance une routine qui verfiera la saisie et bascule ou non le bouton en disabled=false

[lcoulon]

Oui, je vois le principe mais c'est la routine qui me pose pb:

Comment faire pour vérifier que l'ensemble des textboxes ont été remplis, et qu'au moins 1 radiobouton dans chaque série à eu un état defini ?

Merci de votre aide,

[andry.aime]

Bonjour,

Regarde sur la faq.

A+.

[lcoulon]

Pour chaque textboxe à remplir, je leur ai ajouté la fonction ' verif_remplissage()' ci dessous mais ça ne fonctionne pas ...

Savez vous pourquoi ?

Et, je ne vois toujours pas comment traiter mes 2 séries de radioboutons.


Code HTML des textboxes :

Code :

1
2
3
4
5
 
<input type="text" name="t1" id="T1"  onKeyUp="verif_remplissage();"/>
<input type="text" name="t2" id="T3"  onKeyUp="verif_remplissage();"/>
<input type="text" name="t3" id="T3"  onKeyUp="verif_remplissage();"/>
... etc ...

Code HTML du bouton 'submit':

Code :

<input type="submit" id="Prog" value="Envoyer">

Code :

1
2
3
4
5
6
7
8
9
10
11
12
function verif_remplissage()
{
 
if (document.getElementById('T1').value.length == 0 || document.getElementById('T2').value.length == 0 || document.getElementById('T3').value.length == 0 || document.getElementById('T4').value.length == 0 || document.getElementById('T5').value.length == 0 || document.getElementById('T6').value.length == 0)
{
document.getElementById('Prog').disabled = true
}
else
{
document.getElementById('Prog').disabled = false
}
}

[Sharcoux]

crée un tableau ou quelque chose qui stock individuellement la validité d'un champ. Par exemple :

Code :

1
2
3
4
Tform = new Array(6);
for...{
  Tform["idDuChamp"]=false;
}

Ensuite, tu fais des

Code :

1
2
3
4
5
6
7
8
9
10
...onchange="testChamp(event,type);"...
testChamps = function(event,type) {
  if(type=="radio") {
    Tform[event.source.name]=true;
  } else {
    Tform[event.source.name] = event.source.value!="";
  }
  testForm();
}
testForm = function() {return !Tform.toString().match(false);}

Je suis pas sûr de la syntaxe exacte, mais c'est juste pour l'idée

[SpaceFrog]

du principe de validation de formulaire

http://www.developpez.net/forums/d55...on-formulaire/