查看示例：DEMO 打包下载
使用很简单。
复制代码 代码如下:
$('#pass').passwordStrength();
XHTML
复制代码 代码如下:
<p><label>请输入密码：</label>
<input type="password" id="pass" class="input" /></p>
<div id="passwordStrengthDiv" class="is0"></div>
<p><label>确认密码：</label>
<input type="password" id="repass" class="input" /></p>
注意：id#passwordStrengthDiv的DIV是用来加载强度图片的，你也可以自定义ID，但调用时就要给参数赋值：
复制代码 代码如下:
targetDiv : '#ID' //自定义加载图片的ID
载入JS和CSS：
复制代码 代码如下:
<link rel="stylesheet" type="text/css" href="style/main.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.passwordStrength.js"></script>
<script type="text/javascript">
$(function(){
$('#pass').passwordStrength();
});
</script>
您可能感兴趣的文章:
- 基于JQuery的密码强度验证代码
- jquery判断密码强度的验证代码
- jQuery判断密码强度实现思路及代码
- jquery密码强度校验
- jQuery实现提示密码强度的代码
- jQuery密码强度检测插件passwordStrength用法实例分析
- jQuery插件passwordStrength密码强度指标详解
- jQuery密码强度验证控件使用详解
- jQuery实用密码强度检测
- jQuery实现注册会员时密码强度提示信息功能示例
