当前位置：首页 > 资讯 > 技术文档

passwordStrength 基于jquery的密码强度检测代码使用介绍

时间：2021-12-04 21:51 编辑：来源：阅读：
扫一扫，手机访问

摘要：passwordStrength 基于jquery的密码强度检测代码使用介绍

查看示例：[url=http://demo.jb51.net/js/2011/passwordStrength/index.htm]DEMO[/url] [url=http://www.1sucai.cn/jiaoben/39314.html]打包下载[/url] [img]http://www.1sucai.cn/do/uploads/litimg/111008/23110512502.gif[/img] 使用很简单。

[u]复制代码[/u] 代码如下:

$('#pass').passwordStrength();

XHTML

[u]复制代码[/u] 代码如下:

<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，但调用时就要给参数赋值：

[u]复制代码[/u] 代码如下:

targetDiv : '#ID' //自定义加载图片的ID

载入JS和CSS：

[u]复制代码[/u] 代码如下:

<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>

全部评论(0)

上一篇：学习使用Material Design控件（四）Android实现标题栏自动缩放、放大效果
下一篇：jQuery实用密码强度检测

资讯排行榜
更多>>