Discussion :

[setni]

Bonjour,

J'ai écrit une petite fonction Javascript pour valider mon formulaire (ici deux mot de passe). Il s'avere que celle ci de fonctionne pas, elle ne renvois, ni VRAI, ni FAUX.
Voici la fonction

Code :

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

1
2
3
4
5
6
7
8
function creationform() {
if(document.getElementByName("password").value != document.getElementByName("confirmpassword").value){
	alert("Les mots de passe ne correspondent pas");
}
else {
	alert("Saisie OK");
	return true;}
}

Voici le HTML

Code html :

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

1
2
3
4
5
6
7
8
9
<form action=""  method="post" name="creation" id="creation" onSubmit="return creationform();">
<table style="color:#FFFFFF;">
  <tr><td width="194" height="24" >Mot de passe</td>
  <td width="144"><input name="password" id="connect2" type="password" value=""></td>
  </tr>
  <tr><td width="194" height="30" >Confirmation mot de passe</td>
  <td width="144"><input name="confirmpassword" id="connect2" type="password" value=""></td>
  </tr>
  </table>

Lorsque je retire le si, ne laissant que le "alert" et "return true"

Le message "saisie OK" s'affiche correctement.

De plus, le changement entre "!=" et "==", n'a aucun effet.

Merci d'avance,

[SylvainPV]

document.getElementByName n'existe pas. C'est document.getElementsByName

[sekaijin]

de plus getElementsByName retourne un ensemble d'élément
mieux vaut mettre des id sur les éléments et utiliser getElementById
là t'es sur d'avoir ton élement.
Tu as bien mis des id mais deux foi le même ce qui est interdit en HTML (aucune garantie de résultat)

il est toujour plus efficasse de retourner le résultat d'une comparaison plutôt que explictement le booléen

Code :

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

1
2
3
4
5
6
7
8
9
10
fonction test(a, b) {
  if (a == b) {
    return true;
  } else {
    return false;
  }
}
fonction test2(a, b) {
  return a == b;
}

test et test2 on exactement le même résultat mais dans la première le if ne sert à rien.

enfin ta fonc n'a pas de retour faux

Code :

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

1
2
3
4
5
6
7
function creationform() {
  result = (document.getElementById("password").value != document.getElementById("confirmpassword").value);
  if (!result) {
    alert("Les mots de passe ne correspondent pas");
  } 
  return result;
}

A+JYT

[setni]

Bonjour merci pour vos réponses,

Je cherche toujours à comprendre ce que je fais : quel est la signification du return? est-ce une variable? que ce passe-t-il si a != b? est-ce que return vaut false?
J'ai appliqué la méthode

Edit : en fait j'ai toujours le même problème, l'opération document.getElementByID() ne semble pas prendre la valeur saisie. Je ne comprends pas...

[sekaijin]

Attention au majuscule getElementById.

return renvoi le résulta de l'expression qui suit. return (a == b) l'expression (a == b) est évaluée si a à la même valeur que b elle vaut true et si a est différent de b elle vaut false.
c'est cette valeur qui est retournée par la fonction.

A+JYT

[SylvainPV]

Petite lecture utile au passage : Comment déboguer un script JavaScript ?