"Password Strength Finder"
Bootstrap 3.3.0 Snippet by thrirumani

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
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<div class="row">
<div class="row">
<div class="row">
<div class="col-md-4 col-md-offset-4">
<div class="panel panel-default">
<div class="panel-body">
<div class="text-center">
<h3><i class="glyphicon glyphicon-lock" style="font-size:300%;"></i></h3>
<h2 class="text-center">Password Strength Finder</h2>
<div class="panel-body">
<form class="form">
<fieldset>
<div class="form-group">
<label>Password</label>
<div class="input-group">
<div class="input-group-addon"><i class="glyphicon glyphicon-wrench" ></></i>
</div>
<input class="form-control" data-val="true" data-val-length="password must be between 6 and 100 characters long." data-val-length-max="100" data-val-length-min="6" data-val-required="password is required" id="Password" name="Password" placeholder="min 6 characters" rows="12" type="password" />
</div>
</div>
<div class="form-group">
<label>Strength</label>
<div id="pw-val-container">
<div id="pw-val-progress"></div>
<div id="pw-val-verdict"></div>
<div id="pw-val-errors"></div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
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
$(document).ready(function () {
"use strict";
var options = {};
options.ui = {showErrors:false, showVerdictsInsideProgressBar:true, container:'#pw-val-container',viewports:{progress:'#pw-val-progress',verdict:'#pw-val-verdict',errors:'#pw-val-errors'}};
$('#Password').pwstrength(options);
});
! function(n) {
var r = {},
n, u, t, i, f;
try {
!n && module && module.exports && (n = require("jquery"), u = require("jsdom").jsdom, n = n(u().parentWindow))
} catch (e) {}! function(n, t) {
"use strict";
var i = {};
t.forbiddenSequences = ["0123456789", "abcdefghijklmnopqrstuvwxyz", "qwertyuiop", "asdfghjkl", "zxcvbnm", "!@#$%^&*()_+"];
i.wordNotEmail = function(n, t, i) {
return t.match('/^([\w\!\#$\%\&\'\*\+\-\/\=\?\^\`{\|\}\~]+\.)*[\w\!\#$\%\&\'\*\+\-\/\=\?\^\`{\|\}\~]+@((((([a-z0-9]{1}[a-z0-9\-]{0,62}[a-z0-9]{1})|[a-z])\.)+[a-z]{2,6})|(\d{1,3}\.){3}\d{1,3}(\:\d{1,5})?)$/i') ? i : 0
};
i.wordLength = function(n, t, i) {
var r = t.length,
u = Math.pow(r, n.rules.raisePower);
return r < n.common.minChar && (u += i), u
};
i.wordSimilarToUsername = function(t, i, r) {
var u = n(t.common.usernameField).val();
return u && i.toLowerCase().match(u.toLowerCase()) ? r : 0
};
i.wordTwoCharacterClasses = function(n, t, i) {
return t.match(/([a-z].*[A-Z])|([A-Z].*[a-z])/) || t.match(/([a-zA-Z])/) && t.match(/([0-9])/) || t.match(/(.[!,@,#,$,%,\^,&,*,?,_,~])/) && t.match(/[a-zA-Z0-9_]/) ? i : 0
};
i.wordRepetitions = function(n, t, i) {
return t.match(/(.)\1\1/) ? i : 0
};
i.wordSequences = function(i, r, u) {
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: