<!DOCTYPE html>
|
<html>
|
<head>
|
<title>Bootstrap Password Strength Meter Custom Rules Example</title>
|
<link rel="stylesheet" media="screen" href="bootstrap.css" />
|
</head>
|
<body>
|
<form>
|
<fieldset>
|
<legend>Please type in your password</legend>
|
User: <input type="text" id="username" /><br />
|
Pass: <input type="password" id="password" />
|
</fieldset>
|
</form>
|
<p>Emails and the words "password", "god" and "123456" have been blocked by
|
the custom rules. So if you try an email or the password contains one of
|
the blocked words, then the password will be marked as weak.</p>
|
|
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
|
<script type="text/javascript" src="pwstrength.js"></script>
|
<script type="text/javascript">
|
jQuery(document).ready(function () {
|
"use strict";
|
var $password = $(':password').pwstrength(),
|
common_words = ["password", "god", "123456"];
|
|
$password.pwstrength("addRule", "notEmail", function (options, word, score) {
|
return word.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) && score;
|
}, -100, true);
|
|
$password.pwstrength("addRule", "commonWords", function (options, word, score) {
|
var result = false;
|
$.each(common_words, function (i, item) {
|
var re = new RegExp(item, "gi");
|
if (word.match(re)) {
|
result = score;
|
}
|
});
|
return result;
|
}, -500, true);
|
});
|
</script>
|
</body>
|
</html>
|
