Network Security, biasa lah dapet tugas Cek kompleksitas suatu password, nah ane mau kasih sedikit scriptnya.. ya emang sedikit sih.. haha cekidot!
1. Sediakan Notepad ++, kalo engga ada ya editor lainnya.
2. Buat folder dengan nama JS dan masukkan script JS berikut dengan nama file "mocha.js".
/*
* --------------------------------------------------------------------
* Simple Password Strength Checker
* by Siddharth S, www.ssiddharth.com, hello@ssiddharth.com
* for Net Tuts, www.net.tutsplus.com
* Version: 1.0, 05.10.2009
* --------------------------------------------------------------------
*/
$(document).ready(function()
{
var strPassword;
var charPassword;
var complexity = $("#complexity");
var minPasswordLength = 8;
var baseScore = 0, score = 0;
var num = {};
num.Excess = 0;
num.Upper = 0;
num.Numbers = 0;
num.Symbols = 0;
var bonus = {};
bonus.Excess = 3;
bonus.Upper = 4;
bonus.Numbers = 5;
bonus.Symbols = 5;
bonus.Combo = 0;
bonus.FlatLower = 0;
bonus.FlatNumber = 0;
outputResult();
$("#inputPassword").bind("keyup", checkVal);
function checkVal()
{
init();
if (charPassword.length >= minPasswordLength)
{
baseScore = 50;
analyzeString();
calcComplexity();
}
else
{
baseScore = 0;
}
outputResult();
}
function init()
{
strPassword= $("#inputPassword").val();
charPassword = strPassword.split("");
num.Excess = 0;
num.Upper = 0;
num.Numbers = 0;
num.Symbols = 0;
bonus.Combo = 0;
bonus.FlatLower = 0;
bonus.FlatNumber = 0;
baseScore = 0;
score =0;
}
function analyzeString ()
{
for (i=0; i<charPassword.length;i++)
{
if (charPassword[i].match(/[A-Z]/g)) {num.Upper++;}
if (charPassword[i].match(/[0-9]/g)) {num.Numbers++;}
if (charPassword[i].match(/(.*[!,@,#,$,%,^,&,*,?,_,~])/)) {num.Symbols++;}
}
num.Excess = charPassword.length - minPasswordLength;
if (num.Upper && num.Numbers && num.Symbols)
{
bonus.Combo = 25;
}
else if ((num.Upper && num.Numbers) || (num.Upper && num.Symbols) || (num.Numbers && num.Symbols))
{
bonus.Combo = 15;
}
if (strPassword.match(/^[\sa-z]+$/))
{
bonus.FlatLower = -15;
}
if (strPassword.match(/^[\s0-9]+$/))
{
bonus.FlatNumber = -35;
}
}
function calcComplexity()
{
score = baseScore + (num.Excess*bonus.Excess) + (num.Upper*bonus.Upper) + (num.Numbers*bonus.Numbers) + (num.Symbols*bonus.Symbols) + bonus.Combo + bonus.FlatLower + bonus.FlatNumber;
}
function outputResult()
{
if ($("#inputPassword").val()== "")
{
complexity.html("").removeClass("weak strong stronger strongest").addClass("default");
meter.value=score;
}
else if (charPassword.length < minPasswordLength)
{
complexity.html("At least " + minPasswordLength+ " characters please!").removeClass("strong stronger strongest").addClass("weak");
meter.value=score;
}
else if (score<50)
{
complexity.html("Weak!").removeClass("strong stronger strongest").addClass("weak");
meter.value=score;
}
else if (score>=50 && score<75)
{
complexity.html("Average!").removeClass("stronger strongest").addClass("strong");
meter.value=score;
}
else if (score>=75 && score<100)
{
complexity.html("Strong!").removeClass("strongest").addClass("stronger");
meter.value=score;
}
else if (score>=100)
{
complexity.html("Secure!").addClass("strongest");
meter.value=score;
}
$("#details").html("Base Score :<span class=\"value\">" + baseScore + "</span>"
+ "<br />Length Bonus :<span class=\"value\">" + (num.Excess*bonus.Excess) + " ["+num.Excess+"x"+bonus.Excess+"]</span> "
+ "<br />Upper case bonus :<span class=\"value\">" + (num.Upper*bonus.Upper) + " ["+num.Upper+"x"+bonus.Upper+"]</span> "
+ "<br />Number Bonus :<span class=\"value\"> " + (num.Numbers*bonus.Numbers) + " ["+num.Numbers+"x"+bonus.Numbers+"]</span>"
+ "<br />Symbol Bonus :<span class=\"value\"> " + (num.Symbols*bonus.Symbols) + " ["+num.Symbols+"x"+bonus.Symbols+"]</span>"
+ "<br />Combination Bonus :<span class=\"value\"> " + bonus.Combo + "</span>"
+ "<br />Lower case only penalty :<span class=\"value\"> " + bonus.FlatLower + "</span>"
+ "<br />Numbers only penalty :<span class=\"value\"> " + bonus.FlatNumber + "</span>"
+ "<br />Total Score:<span class=\"value\"> " + score + "</span>" );
}
}
);
3. Masukkan file jquery bisa copas sih dari website lain.. haha tempatkan di dalam folder JS.
4. Buat file HTML dengan nama "index.html" di dalam folder terluar.
5. Masukkan script berikut untuk file index.html :
<!DOCTYPE html>
<html>
<head>
<title>Password Checking</title>
<style>
body{font-family:Calibri;font-size:12px;}
#inputPassword{width:200px;}
#meter{width:294px;height:20px;}
#complexity{font-weight:bold;color:red;}
</style>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/mocha.js"></script>
</head>
<body>
<div id="wrap">
<div id="title">
<h2>Check Your Password Complexity</h2>
</div>
<div id="input">
Your password : <input id="inputPassword" type="password" name="password" placeholder="Type your password here"><p><meter id="meter" value="0" min="0" max="100" low="50" high="70" optimum="100"><br><div id="complexity" class="default"></div>
</div>
</div>
</body>
</html>