<-- Terug naar Snippets

Wachtwoord sterkte meter

PHP versie: n.v.t

Javascript: MooTools Framework

Deze wachtwoord sterkte meter geeft de sterkte van het ingevulde wachtwoord aan. Er wordt rekening gehouden met onder andere de lengte van het wachtwoord en het afwisselend gebruik van letters, cijfer en speciale tekens.

De broncode van de wachtwoord sterkte functie is hier te vinden.

Broncode


Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /home/jorendew/phphulp/inc/class.ubb.php on line 100

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /home/jorendew/phphulp/inc/class.ubb.php on line 106

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /home/jorendew/phphulp/inc/class.ubb.php on line 112

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /home/jorendew/phphulp/inc/class.ubb.php on line 119

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /home/jorendew/phphulp/inc/class.ubb.php on line 120

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /home/jorendew/phphulp/inc/class.ubb.php on line 121

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /home/jorendew/phphulp/inc/class.ubb.php on line 199

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /home/jorendew/phphulp/inc/class.ubb.php on line 287

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /home/jorendew/phphulp/inc/class.ubb.php on line 288

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /home/jorendew/phphulp/inc/class.ubb.php on line 289

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /home/jorendew/phphulp/inc/class.ubb.php on line 290

Deprecated: preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead in /home/jorendew/phphulp/inc/class.ubb.php on line 291
Code
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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<?php
ini_set
('display_errors''On');
error_reporting(E_ALL);

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>PHPtuts.nl - PHP Snippets - Wachtwoord sterkte meter</title>
    
    <link rel="stylesheet" href="../../styles/default.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="../../styles/ubb.css" type="text/css" media="screen" />
    
    <script type="text/javascript" src="../../inc/mootools.js"></script>
    <script type="text/javascript">
    window.addEvent('domready', function ()
    {
        $('wachtwoord').addEvent('keyup', function ()
        {
            var url = 'password_strength/script.php?password=' + $('wachtwoord').value + '&username=' + $('gebruikersnaam').value;
            
            new Ajax(url, {
                method: 'GET',
                onComplete: function(strength)
                {
                    if(strength < 20)
                    {
                        $('wachtwoord_sterkte').innerHTML = '<img src="password_strength/pass_20.png" alt="Zeer slecht wachtwoord" />';
                    }
                    else if(strength < 40)
                    {
                        $('wachtwoord_sterkte').innerHTML = '<img src="password_strength/pass_40.png" alt="Slecht wachtwoord" />';
                    }
                    else if(strength < 60)
                    {
                        $('wachtwoord_sterkte').innerHTML = '<img src="password_strength/pass_60.png" alt="Matig wachtwoord" />';
                    }
                    else if(strength < 80)
                    {
                        $('wachtwoord_sterkte').innerHTML = '<img src="password_strength/pass_80.png" alt="Goed wachtwoord" />';
                    }
                    else if(strength <= 100)
                    {
                        $('wachtwoord_sterkte').innerHTML = '<img src="password_strength/pass_100.png" alt="Zeer goed wachtwoord" />';
                    }
                }
            }).request();
        });
    });    
    </script>
</head>
<body>
    <div id="wrap">
        <p class="none small align-right"><a href="/codeSnippets/">&lt;-- Terug naar Snippets</a></p>
        <h1>Wachtwoord sterkte meter</h1>
        <div id="info">
            <p>PHP versie: n.v.t</p>
            <p>Javascript: <a href="http://www.phptuts.nl/mootools/mootools.zip" target="_blank">MooTools Framework</a></p>
        </div>
        
        <p>Deze wachtwoord sterkte meter geeft de sterkte van het ingevulde wachtwoord aan. Er wordt rekening gehouden met onder andere de lengte van het wachtwoord en het afwisselend gebruik van letters, cijfer en speciale tekens.</p>
                
        <form method="post" action="#">
        <p>
            <label class="field" for="gebruikersnaam">Gebruikersnaam</label>
            <input type="text" name="gebruikersnaam" id="gebruikersnaam" />
        </p>
        <p>
            <label class="field" for="wachtwoord">Wachtwoord</label>
            <input type="password" name="wachtwoord" id="wachtwoord" /><span id="wachtwoord_sterkte"></span>
        </p>
        </form>
        
        <p>De broncode van de wachtwoord sterkte functie is <a href="password_strength/passwordChecker.phps">hier</a> te vinden.</p>
                
        <?php        
        
// Weergeven broncode
        
define('FILE'__FILE__);
        require_once(
'../broncode.php');
        
?>
    </div>    

<!-- Google analytics (geen onderdeel van script) -->
<script type="text/javascript" src="/inc/ga1.js"></script>
<script type="text/javascript" src="/inc/ga2.js"></script>

</body>
</html>