<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>SelectBox Plug-in</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="password strength,jquery,djmason9,darren mason">
<meta http-equiv="description" content="Jquery plugin, password strength">
<script type="text/javascript" src='http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js'></script>
<!-- custom select plugin js -->
<script type="text/javascript" src='http://jquerycustomselectbox.googlecode.com/svn/trunk/WebRoot/password_strength/password_strength_plugin.js'></script>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="../generalstyle.css">
<script>
$(document).ready( function() {
//BASIC
$(".password_test").passStrength({
userid: "#user_id"
});
//ADVANCED
$(".password_adv").passStrength({
shortPass: "top_shortPass",
badPass: "top_badPass",
goodPass: "top_goodPass",
strongPass: "top_strongPass",
baseStyle: "top_testresult",
userid: "#user_id_adv",
messageloc: 0
});
});
</script>
</head>
<body>
<div id="page_wrapper">
<h2>jQuery Password Strength Meter
<div>By: Darren Mason</div>
<div><a href="http://plugins.jquery.com/project/pass_strength">Download Here</a></div>
<div><a href="../">Other Plugins</a></div>
</h2>
<label class="lbl_header">OPTIONS</label>
<div class="code">
<code>
<pre class="html">
@param shortPass: "shortPass", //optional
@param badPass: "badPass", //optional
@param goodPass: "goodPass", //optional
@param strongPass: "strongPass", //optional
@param baseStyle: "testresult", //optional
@param userid: "", //required override
@param messageloc: 1 //before == 0 or after == 1
</pre>
</code>
</div>
<label class="lbl_header">BASIC USAGES</label>
<code>
<pre class="html">
$(".password_test").passStrength({
userid: "#user_id"
});
</pre>
</code>
<table cellpadding="2" cellspacing="0" border="0">
<tr>
<td align="right"><label>User Name:</label></td>
<td><input type="text" name="user_name" id="user_id"/></td>
</tr>
<tr>
<td align="right"><label>Password:</label></td>
<td><input type="password" name="pass_word" class="password_test" style="float:left;"/></td>
</tr>
</table>
<label class="lbl_header">ADVANCED USAGES</label>
<code>
<pre class="html">
$(".password_adv").passStrength({
shortPass: "top_shortPass", //optional
badPass: "top_badPass", //optional
goodPass: "top_goodPass", //optional
strongPass: "top_strongPass", //optional
baseStyle: "top_testresult", //optional
userid: "user_id", //required override
messageloc: 0 //before == 0 or after == 1
});
</pre>
</code>
<table cellpadding="2" cellspacing="0" border="0">
<tr>
<td align="right"><label>User Name:</label></td>
<td><input type="text" name="user_name" id="user_id_adv"/></td>
</tr>
<tr>
<td align="right"><label>Password:</label></td>
<td><input type="password" name="pass_word" class="password_adv"/></td>
</tr>
</table>
</div>
</body>
</html>