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

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.

<p id="message"></p>

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.";
}

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

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.

length est mal écrit, tu as écrit lenght

Bonjour,

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

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).

<p style='width:300px;'>Mot de passe : (Entre 8 et 255 caractères) <input size='60px' type='password' name='mdp' id='mdp' onBlur='mdpchange()'></p>
<p id="message"></p>

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.";
        }
}

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

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.

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

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.