Contrôle de mot de passe

**Awall** · 12/02/2017, 10h52

Bonjour,

Je souhaite développer un code javascript permettant de faire les vérifications suivantes sur un mot de passe :
- Au moins 4 lettres
- Au moins 3 chiffres
- Au moins 1 caractère spéciale

En parcourant les différents tutos sur les expressions régulières, voici ce que j'ai réussi à faire.

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<!doctype html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <title>Test page</title>
  <link rel="stylesheet" href="style.css">
    <script type="text/javascript">
    
        function CheckForm()
        {               
        var pwd;
        pwd = document.getElementById("password").value;
        var listRe = [{
                                        re: /[a-zA-Z]{4}/,
                                        msg: "Votre mot de passe doit avoir au moins 4 lettres"
                                        },
                                        {
                                        re: /[0-9]{3}/,
                                        msg: "Votre mot de passe doit avoir au moins 3 chiffres"
                                        },
                                        {
                                        re: /[^A-Za-z0-9]/,
                                        msg: "Votre mot de passe doit posséder au moins 1 caractère spéciale"
                                        }
                                ];
                        for (var i = 0; i < listRe.length; i++) {
                                var item = listRe[i];
                                if (!item.re.test(pwd)) {
                                        alert(item.msg);
                                        return false;
                                }
                        }
        }
 
    </script>
</head>
<body>
	Username : 
	<input type="text" id="username" size="10">
	Password :
	<input type="text" id="password" size="10">
	<div>
	<input type="submit" id="submit" size="10" value="Submit" onClick="CheckForm()">
	</div>
</body>
</html>

Mes regex ont l'air de plutôt bien fonctionnées, par contre je pense avoir un soucis dans ma boucle pour parcourir toute la chaîne si je place un chiffre au milieu de caractères.
Exemple : azed234@ --> Pas de message, le mot de passe est bon
aze234@ --> Une alert nous disant qu'il faut au moins 4 lettres
azef23@--> Une alert nous disant qu'il faut au moins 3 chiffres
azef234---> Une alert nous disant qu'il faut au moins un caractère spéciale

az@ed345 --> KO : l'alert me dit qu'il faut au moins 4 lettres alors qu'elles y sont!

Merci d'avance pour votre aide.

**Watilin** · 12/02/2017, 17h38

Le problème du quantificateur {…} c’est qu’il ne détecte que des motifs qui se suivent. Ton problème est plutôt de compter des caractères pouvant se trouver à n’importe quelle position dans la chaîne. Pour ça, il faut en fait utiliser une ou plusieurs regexps qui détectent les caractères désirés, mais sans préciser leur quantité ; avec le flag /g, tu peux ensuite compter les occurences.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
function CheckForm()
{
  var pwd = document.getElementById("password").value;
  var listRe = [{
    re: /[a-zA-Z]/g,
    count: 4,
    msg: "Votre mot de passe doit avoir au moins 4 lettres"
  }, {
    re: /\d/g,
    count: 3,
    msg: "Votre mot de passe doit avoir au moins 3 chiffres"
  }, {
    re: /[^A-Za-z0-9]/g,
    count: 1,
    msg: "Votre mot de passe doit posséder au moins 1 caractère spécial"
  }];
 
  for (var i = 0; i < listRe.length; i++) {
    var item = listRe[i];
    var match = pwd.match(item.re);
    if (null === match || match.length < item.count) {
      alert(item.msg);
      return false;
    }
  }
}

**Awall** · 12/02/2017, 18h04

Merci beaucoup pour ta réponse rapide et tes explications.
Je comprends mieux mon erreur.

Le code fonctionne parfaitement.

Contrôle de mot de passe [RegExp]

JavaScript

Discussions similaires

Partager

Partager