activer et desactiver un bouton en fonction de .

Version imprimable

Bonjour,
j'ai un code js et php qui me permettent de faire une vérification online du champ du formulaire s'il correspond à une valeur dans ma base de données.
le formulaire contient un boutton "valider" qui permet de créer la valeur entrée.

verifnom_famille.js
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 function writediv(texte) { document.getElementById('nom_famillebox').innerHTML = texte; } function verifnom_famille(nom_famille) { if(nom_famille.length>25) writediv(''+nom_famille+' : ce nom de famille est trop long'); else if(texte = file('verifnom_famille.php?nom_famille='+escape(nom_famille))) { if(texte == 1) writediv(''+nom_famille+' : cette famille existe dejà '); else if(texte == 2) writediv(''+nom_famille+' : ce nom de famille est libre'); else writediv(texte); } }
c'est le code js qui me permet d'afficher la disponibilité du nom entrée.
j'aimerais activer ou désactiver le bouton "valider" en fonction des différents cas.le probleme est que quand je mets
Code:

1 2 document.form.button.disabled = true
devant la condition qui lui est associé, rien ne se passe même la vérification online ne s'affiche plus.

25/09/2008, 12h59
Bovino

Code:

document.form.button.disabled = true

Euh, tu as bien un formulaire avec le nom form et un bouton avec le nom button (si c'est le cas, le choix des noms de variables est plutôt maladroit...)
Sinon, une syntaxe plus correcte serait

Code:

document.forms['form'].elements['button'].disabled = true;

Pourrais-tu nous montrer le code html généré ?

j'ai essayé avec la syntaxe que t'as posté mais le résultat est le même.

Code:

1
2
 
document.forms['form'].elements['button'].disabled = true;

en remplacant
form par famille.

le code de mon formulaire

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<form action="creafamille.php" method="post" class="formulaire" id="famille" name="famille">
	    <fieldset style="width:255px">
		<legend> Cr&eacute;er une famille </legend>
		<p>
		  <label>Nom de la famille</label>
	    <input type="text" id="nom_famille" name="nom_famille" onKeyUp="verifnom_famille(this.value)" value="" maxlength="30"/>        
	    <div align="center">
	    <input name="reset" type="reset" value="Annuler"/>
	    <input name="button" type="button" onclick="ajout_f()" value="Valider" />
      </div>
	  <div id="nom_famillebox"></div>
	  <div id="rep"></div>
	  <div id="stat"></div>
	  </fieldset>
    </form>

25/09/2008, 13h33
Bovino

Et avec :

Code:

document.getElementsByName('button')[0].disabled=true;

?
25/09/2008, 13h45
roussos

sans effet;meme la vérification online ne s'affiche plus dans le div.
je sais pas si c'est le fait de placer cette ligne avant le writediv correspondant qui empêche la vérification online?:?
25/09/2008, 13h56
Bovino

Code:

else if(texte = file('verifnom_famille.php?nom_famille='+escape(nom_famille)))

un peu étrange cette condition... tu affectes une valeur à ta variable texte... donc la condition est toujours vraie et si file() est un appel Ajax, le retour sera de type chaine, donc ensuite il vaut mieux :

Code:

if(texte == '1')

problème résolu
j'ai juste eu à modifier le code et à bien mettre mes accolades merci pour tout

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
function verifier(nom_famille)
{
nom_famille = new String(nom_famille)
if (texte = file('verifnom_famille.php?nom_famille='+escape(nom_famille))) {
{
if ((nom_famille =='')||(texte == 1))
{
document.famille.button.disabled = true
writediv('<span style="color:#cc0000"><b>'+nom_famille+' :</b> ce nom de famille est deja pris ou est vide</span>');
}
 
else if(texte == 2){
document.famille.button.disabled = false
writediv('<span style="color:#1A7917"><b>'+nom_famille+' :</b> ce nom de famille est libre</span>');
}
else {
writediv(texte);
}
}
}
}

ça marche !!
:ccool::ccool: