Discussion :

[sadkat]

Bonjour, voilà j'essaye depuis quelques temps d'activer deux submit de mon formulaire uniquement si mes deux champs text sont remplis préalablement.
J'ai essayé de nombreuse combinaison pour ma fonction, j'en suis meme venu à me demander si disabled = true active ou désactive le bouton....
Je ne sais pas si mes fonction est juste, alors je vous en mets deux, dites moi si l'une d'elle est juste ou aider moi à la corrigé s'il vous plait.

Mon deuxième problème est l'utilisation de la fonction.... j'essaye de la déclencher en onchange sur un champ text, je ne sais pas si c'est vraiment possible, d'autant que j'ai déjà d'autre fonction sur le onchange de ces champs. Ca doit pas etre clair, je vous laisse regarder le code. Ce serait vraiment très gentil de m'aider !!!

fonction essay 1 :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
function verif_button()
{
var txt1=document.getElementById('dateDebut');
var txt2=document.getElementById('dateFin');
if ( (txt1.value.length > 0) && (txt2.value.length > 0 ))
{
document.getElementById("Calcul").disabled = false;
document.getElementById("Confirm").disabled = false;
}
else
{
document.getElementById('Calcul').disabled = true;
document.getElementById('Confirm').disabled = true;
}
}

fonction essay 2

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
function verif_button()
{
var txt1=document.getElementById('dateDebut');
var txt2=document.getElementById('dateFin');
if ( (txt1.value != '' ) && (txt2.value!= '' ))
{
document.getElementById("Calcul").disabled = false;
document.getElementById("Confirm").disabled = false;
}
else
{
document.getElementById('Calcul').disabled = true;
document.getElementById('Confirm').disabled = true;
}
}

l'appel de la fonction sur 1 des champs text :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
Départ => Saisissez une date au format JJ/MM/AAAA
 
<input name="DateDebut" type="text" value = "<?php print $DateDebut ?>" maxlength="10" id="dateDebut" onfocus="view_microcal(true,dateDebut,microcal,-1,0);" onblur="view_microcal(false,dateDebut,microcal,-1,0);" onchange= "affich_conge('<?php calc_cong($DateDebut, $DateFin, $DateDebutDay, $DateFinDay); ?>');verif_button();" onkeyup="this.style.color=testTypeDate(this.value)?'black':'red'">

merci de m'aider

[SpaceFrog]

http://www.developpez.net/forums/sho...d.php?t=516118

[sadkat]

oui je l'ai lu ce post, seulement ce n'est pas mon problème, moi je ne veux pas attendre que l'utilisateur valide le formulaire pour vérifier que tous les champs sont remplis, je veux que le bouton de validation soit actif UNIQUEMENT quand les champs sont remplis.

[SpaceFrog]

alors sur le onchang ou onblur de chacun des champs scanne les champs pour savoir si ils sont vides ou non et à la fin du scan active ou non ton bouton ...

[sadkat]

qu'est ce que tu entends pas scanner ?
comment je m'y prends ? je ne m'y connais pas en javacript tu sais...

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
function ScanForEmpty(){
var theForm=document.forms[0];
var empty=false;
switch(true){ 
            case (theForm.elements['champs1'].value.length==0) : empty=true;
                                                                                     break;
            case (theForm.elements['champs2'].value.length==0) : empty=true;
                                                                                     break;
            case (theForm.elements['champs3'].value.length==0) : empty=true;
                                                                                     break;
            }
document.forms[0].elements['mybutton'].disabled=empty;}

[mikaweb]

Merci de ton aide, j'avais en effet justement besoin de ceci et merci à Google pour la rapidité d'indexation, j'avais besoin de cette fonction juste 1h30 après que tu ais mis ta solution.