Vérification de la correspondance de deux champs
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:
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 !</strong><br />'
document.upCzam.valider.disabled = true;
return true;
}
} |
Pour information, le formulaire associé est le suivant :
Code:
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
