Validation du mot de passe en Javascript

septembre 21, 2019juin 29, 2022 Thomas Aucun commentaire

Dans ce tutoriel nous allons découvrir comment valider le mot de passe en Javascript. Un mot de passe est correct s’il contient:

Au moins 1 caractère majuscule.
Au moins 1 caractère minuscule.
Au moins 1 chiffre.
Au moins 1 caractère spécial.
Minimum 10 caractères.

Script pour valider le mot de passe en Javascript/HTML

<!DOCTYPE html> 
<html> 
<head> 
    <script type="text/javascript"> 
        function validate() { 
            var msg; 
            var str = document.getElementById("mdp").value; 
            if (str.match( /[0-9]/g) && 
                    str.match( /[A-Z]/g) && 
                    str.match(/[a-z]/g) && 
                    str.match( /[^a-zA-Z\d]/g) &&
                    str.length >= 10) 
                msg = "<p style='color:green'>Mot de passe fort.</p>"; 
            else 
                msg = "<p style='color:red'>Mot de passe faible.</p>"; 
            document.getElementById("msg").innerHTML= msg; 
        } 
    </script> 
</head> 
<body> 
    Entrez le mot de passe: <input id="mdp" /> 
    <button onclick="validate()">Valider</button><br>
    <span id="msg"></span> 
</body> 
</html>