Discussion :

[patheo2]

Bonjour!
je voudrais comparer le contenu de deux champ et afficher une image en fonction du résultat de la comparaison. du genre si les champs sont vides n'affiche rien mais si la valeur du champ1 différent de celle du champ2 affiche cette image si non affiche une autre image. voici mon code:

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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<form action="modifierpassword.php" method="post" target="_parent" name="modifpwd" id="modifpwd">
 
<p align="left"><br>
 
Ancien Mot de Passe : <input name="anc_passwd" type="password" id="anc_passwd" size="20">
 
</p>
 
                    <p align="left">
 
Nouveau Mot de passe : 
 
                        <input name="passwd1" type="password" id="passwd1" size="20">
 
 
 
<p align="left">
 
Confirmer Mot de passe :<input name="passwd2" type="password" id="passwd2" size="20">&nbsp;&nbsp;&nbsp;
 
 
<SCRIPT language = "JavaScript" >
 
var pass1=(string)document.modifpwd.passwd1.value;
 
var pass2=(string)document.modifpwd.passwd2.value;
 
if (pass1 !=" " && pass2 !=" ")
 
document.write("");
 
else{
 
if(pass1==pass2) 
 
document.write("<IMG SRC='.images/success.png'>" );
 
else  
 
document.write("<IMG SRC='.images/error.png'>");
 
}
 
</SCRIPT>

mon problème c'est que quand je change les valeurs des champs, il ne passe rien de ce que je souhaite. l'image ne change pas. en gros ca ne me satisfait pas. correction svp. merci

[gwyohm]

Bonjour,

Pour l'instant ton script n'est exécuté qu'au chargement de la page, il faut que tu interceptes la perte du focus des champs pour faire ton test.

Par ailleurs en javascript on ne type pas, donc inutile de caster...
Ensuite le document.write va te poser problème quand tu auras passé ton programme en fonction. Enfin, la syntaxe que tu utilises pour récupérer les valeurs de tes champs n'est pas recommandée, préférer :

Code :

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

1
2
3
4
 
document.forms["modifpwd"].elements["passwd1"].value
// ou encore
document.getElementById('passwd1').value; // pcq tu as mis un id

[javatwister]

mouais;

+ la gestion du formulaire à revoir
+ la cohérence du html
+ la notion d'événement à potasser
...

[patheo2]

ok merci gwyohm! mais comment puis-je intercepter la perte du focus. un exemple de code? et puis tu dis que j'aurais de problème avec le document.write quand je vais la passer en fonction. y a t il besoin?