Discussion :

[alband85]

Bonjour,

je suis en train de réaliser un formulaire dans lequel je veux vérifier que les deux champs de mot de passe soient les mêmes avant de pouvoir valider le formulaire.

Pour cela, j'ai créé la fonction JavaScript :

Code JavaScript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function verifForm() {
    if((document.upCzam.attribut.value == document.upCzam.attribut_conf) && (document.upCzam.attribut.value != '') && (document.upCzam.attribut_conf.value != ''))
    {
        document.getElementById('message').innerHTML = ' ';
        document.upCzam.valider.disabled = false;
        return true;
    }
    else
    {
        document.getElementById('message').innerHTML = '<strong>Les mot de passe ne correspondent pas&nbsp;!</strong><br />'
        document.upCzam.valider.disabled = true;
        return true;
    } 
}

Pour information, le formulaire associé est le suivant :

Code HTML :

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

1
2
3
4
5
6
<form name="upCzam" action="index.php" method="post">
    <span id="message" name="message" style="color:Red;"></span>
    Nouveau mot de passe : <input type="text" name="attribut" onKeyPress="verifForm()" /><br />
    Confirmation : <input type="text" name="attribut_conf" onKeyPress="verifForm()" /><br />
    <input type="submit" id="valider" name="valider" value="Valider" disabled="true" />
</form>

Mon problème : lorsque les deux champs ne correspondent pas, j'ai bien le message d'erreur et la désactivation du bouton. Par contre, quand les deux champs correspondent, le bouton ne s'active pas et le message d'erreur reste apparent.
(c'est pour ça que j'ai laissé des champs "text" : au moins, je peux voir avec mes yeux que c'est bon)

Quelqu'un a-t-il une idée de la source de l'erreur ?

Merci d'avance !

Alban

[E.Bzz]

Bonjour,
le problème est certainement essentiellement celui-là

Code :

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

if((document.upCzam.attribut.value == document.upCzam.attribut_conf.value) && ...

Ceci dit, la syntaxe est obsolète.
Pour un accès via le <form> il faudrait préférer

Code :

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

if((document.forms['upCzam'].elements['attribut'].value == document.forms['upCzam'].elements['attribut_conf'].value) && ...

A+

[alband85]

Ouch... bien vu ! J'ai un peu honte là...

Et merci pour la "nouvelle" syntaxe : c'est plus joli en plus ;-)

Sinon, pour compléter mon code (au cas où il serve à quelqu'un), j'ai remplacé le "onKeypress" par un "onKeyup". Le onKeypress ne réagissait qu'à la saisie d'un caractère ou d'un changement de champ... donc trop tard pour réagir (je ne sais pas si je suis bien clair).