Javascript: Vérifier la longueur d'un mot de passe Résolu

Question

Bonjour, Je voudrais que, lorsque l'utilisateur sort du champ mot de passe de mon formulaire html, vérifier que la longueur du mot de passe est suffisante. Si ce n'est pas le cas, on affiche un petit message assez discret sous le champ mot de passe (je ne veux pas de message alert). Ne connaissant que très peu le javascript, je ne sais pas comment faire. J'ai fais ça pour l'instant:

Mot de passe : (Entre 8 et 255 caractères)

Pour le code javascript, je ne sais pas. Merci de votre aide.

Utilisateur anonyme · Answer

Tu peux récuperer la longueur en faisant var longeur = $_POST['mdp'].lenght

Anonyme209 · Answer

Bonjour,

var longeur = $_POST['mdp'].lenght
alert(longueur);

ou

var longeur = document.getElementsByName("mdp").lenght
alert(longueur);

1. Rien ne se passe...
2. Cela ne répond pas à ma deuxième question: afficher un petit message en dessous de la zone de texte si la longueur n'est pas suffisante.

Merci de votre aide.

Utilisateur anonyme · Answer

T'as variable s'appelle longeur tandis que ce que t'alerte s'appelle longueur, un u est donc en trop.

Pour ce qui est du petit message je n'ai pas vraiment les connaissances requises pour le faire

Anonyme209 · Answer

Bonjour,
ce n'est pas mieux avec 
var longueur = document.getElementsByName("mdp").lenght
alert(longueur);
Un message s'affiche bien, mais il est écrit "Undefined" (indéfini), au lieu de la longueur du mot de passe.

Utilisateur anonyme · Answer

length est mal écrit, tu as écrit lenght

Ysabe_l · Answer

Salut, Tu as oublié le ; à la fin de la première ligne. var longueur = $_POST['mdp'].lenght; Ensuite tu crées un paragraphe ou un span à l'endroit où tu veux mettre le message d'erreur en lui donnant un id. Tu ne mets rien dedans.

Tu vérifies la longueur et si elle n'est pas bonne tu écris dans le paragraphe vide. Par exemple si tu veux minimum 8 caractères : if(longueur < 8) { document.getElementById("message").innerHTML = "Attention le mot de passe n'est pas assez long, il doit faire 8 caractères minimum."; }

Anonyme209 · Answer

Bonjour,

longueur est égal à 1 quelque soit la longueur du mot de passe...
Sinon, pour le message, ça marche parfaitement.

Ysabe_l · Answer

Ah mais je suis bête ! Je viens de comprendre, tu lances la fonction dès que l'utilisateur a cliqué ailleurs que dans le champ mot de passe, donc tu ne peux pas récupérer ce qui est dans le champ avec $_POST[''] puisqu'il n'est pas posté, d'ailleurs de toute manière tu ne pourrais pas car JavaScript ne peut pas accéder aux variables globales ! Donc dans ta fonction tu dois "lire" le contenu du input, pour ça tu vas lui donner un ID : (je remets le code avec les balises de style dans le HTML comme toi mais il ne faut pas faire ça, utilises le CSS pour séparer le fond et la forme).

Mot de passe : (Entre 8 et 255 caractères)

Et dans la fonction JavaScript : function mdpchange() { var mdp = document.getElementById("mdp").value; // tu récupères la valeur du mdp var longueur = mdp.lenght; // tu récupères la longueur // si la longueur n'est pas bonne tu affiches le message if(longueur < 8 || longueur > 255) { document.getElementById("message").innerHTML = "Attention le mot de passe n'est pas assez long, il doit faire 8 caractères minimum."; } }

Pitet · Answer

Salut,

Tu peux aussi utiliser la validation html5 (sans aucun code javascript) qui est désormais prise en compte par tous les navigateurs récents.

L'attribut pattern permet entre autre de définir un nombre de caractères minimum et maximum pour un input :

<input type="password" pattern=".{5,10}" required title="5 to 10 characters">


Bonne journée

Anonyme209 · Answer

Tout d'abord, je ne sais pas pourquoi vous écrivez tous length avec ght à la fin.
Ensuite, merci, ça marche parfaitement bien.
Je mets le sujet en résolu.

Javascript: Vérifier la longueur d'un mot de passe

10 réponses

Votre réponse

Discussions similaires