Discussion :

[kh-san]

Bonjour à tous,

Voilà, j'ai parcouru de nombreux forums et je suis un débutant en JavaScript...

Je suis en train de "développer" un site web avec un espace membre, avec Dreamweaver.

Et je veux faire les contrôles suivants:
-adresse e-mail dans le input "create_email"
-le contenu des input "create_password" et "create_confirm" sont identiques
-le contenu de l'input "create_confirm" fait au moins 6 caractères.

Pour l'instant, les 2 premiers contrôles sont OK. C'est au niveau du 3ème que je sollicite de l'aide :-(

Ci-dessous, mon formulaire de création de compte utilisateur.

Code :

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

1
2
3
4
5
6
7
8
 
<form method="POST" name="form2" id="form2" onsubmit="compareField('create_password','create_confirm','!=','The%20password%20didn%27t%20match');return document.MM_returnValue">
<input name="create_email" type="text" id="create_email" size="45"/>
<input name="create_password" type="password" id="create_password" size="45"/>
<input name="create_confirm" type="password" id="create_confirm" size="45" />
<input name="create" type="submit" id="create" value="Create account" />
<input type="hidden" name="MM_insert" value="form2">
</form>

Et voici le code JS pour la comparaison des 2 input "create_confirm" et "create_password".

Code :

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

1
2
3
4
5
6
7
 
function compareField(f1,f2,rule,errorMsg){
	var myErr = "";
	if(eval("MM_findObj('"+f1+"').value"+rule+"MM_findObj('"+f2+"').value")){
		alert(unescape(errorMsg));myErr += 'errorMsg';}
	document.MM_returnValue = (myErr == "");
}

Si une personne peut m'aider à développer ce 3ème contrôle en JS, ça serait fort sympathique.

[guy777]

Mouais, c'est pô une très bonne idée de laisser DreamWeaver s'occuper du JS, le code résultant n'est pas très clair.
Pour tester la longueur d'une chaine tu peux utiliser la propriété length d'une chaîne de caractère, du genre :

Code :

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

1
2
3
4
5
6
7
8
 
pass = document.getElementById('create_confirm').value;
if(pass.length >= 6) {
    // le mot de passe a la longueur requise
}
else {
    // erreur : mot de passe trop petit
}

[E.Bzz]

Bonjour,

-le contenu de l'input "create_confirm" fait au moins 6 caractères.

Code :

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

1
2
3
4
5
6
7
function VerifConfirm() {
if (document.getElementById('create_confirm').value.length<6) {
alert('Pas bon !');
return false; }
else
return true;
}

EDIT: grillé !

A+

[javatwister]

gestion du submit mauvaise...

[E.Bzz]

gestion du submit mauvaise...

Pas creuser, mais le return renvoie bien un booléen ...

[kh-san]

Déjà merci à guy777, E.Bzz et javatwister !

Je sais que Dreamweaver n'est pas l'idéal pour générer du JS ou du PHP mais pour l'instant je suis ignard JS donc je n'ai pas le choix... et le site doit être en ligne rapidement.

Je vais tester les functions que vous me conseillez cependant comment je les intègre dans le onsubmit de la balise <form> ?

Merci pour votre aide.

[E.Bzz]

Je vais tester les functions que vous me conseillez cependant comment je les intègre dans le onsubmit de la balise <form> ?

Exemple

Code :

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

<form action="page.php" onsubmit="return VerifConfirm();">

A+