Discussion :

[Victofu]

Bonjour

J'ai réalisé un formulaire contenant 2 cases : mot de passe et confirmation du mot de passe avec ce code ci :

Code :

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

1
2
3
4
5
6
7
8
<form method="POST" onSubmit="return validate()">
	<p>
		<legend>Formulaire</legend>
		<label >Mot de passe :</label> <input type="password" id="mdp" name="mdp" placeholder="Votre mot de passe" size="22" maxlength="20" required/>
		<input type="password" id="confirm_mdp" name="confirm_mdp" placeholder="Confirmation du mot de passe" size="22" maxlength="20" required/> <br/>
		<input type="submit">
	</p>
</form>

Cependant je ne parvient pas à vérifier si les informations rentrées dans les 2 cases par le visiteur correspondent. J'ai essayer d'utiliser du javascript et peut importe la technique utilisée je n'y arrive pas. Le code JS que j'ai actuellement est celui-ci :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function validate() {
 
            var a = document.getElementById("mdp").value;
            var b = document.getElementById("confirm_mdp").value;
 
            if (a!=b) {
            	alert("Les mots de passe ne correspondent pas.");
            	return false; }
            else {
            	alert("Les mots de passe correspondent.");
            	return false; }

Je ne cherche pas a effectuer une action particulière selon le résultat, simplement réussir à les comparer.

Si vous avez une solution ou une explication sur la raison pour laquelle mon code ne fonctionne pas je suis preneur

Merci

[vttman]

Sous windows10+firefox+code*pen.io cela fonctionne ?

Sous quel navigateur cela se passe t'il ?
Sinon afficher les valeurs

Code :

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

alert ('<'+a+'><'+b+'>');

pour voir ...

[sekaijin]

ben dans les deux cas tu fait un retrun false
donc tu ne valide jamais.

A+JYT

[eleydet]

Bonjour,

Il me semble que j'aurais écrit quelque chose du genre :

Code :

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

<form name="f" method="POST" onSubmit="validate();">

et, por la partie en JavaScript :

Code :

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

1
2
3
4
5
6
7
8
9
function validate() {
   var a = document.getElementById("mdp").value;
   var b = document.getElementById("confirm_mdp").value;
   if (a!=b) alert("Les mots de passe ne correspondent pas.");
   else {
     alert("Les mots de passe correspondent.");
     document.f.submit();
  }
}

[Victofu]

Aucune des solutions que vous me proposez ne semble fonctionner.
J'utilise le navigateur Chrome, bien mis à jour. Peut importe les données rentrées aucune alerte ne se déclenche.

[Victofu]

Oh... tuez moi. Je viens de trouver l'erreur. Il n'y a qu'à regarder le code JS que j'avais posté au début, j'avais oublié l’accolade de fermeture de la fonction. Et dire que ça fait 5 heures que je cherche...

Merci à tous et désolé

[vttman]

Bah on en est tous là parfois
Cela dit je surveille toujours au niveau console du navigateur si la syntaxe est Ok et JS comme PHP
de temps en temps je passe par un testeur de syntaxe en ligne pour avoir plus d'infos
(surtout pour le php)