js检测密码强度
<script>
function
AuthPasswd(string) {
if
(string.length >=6) {
if
(/[a-zA-Z]+/.test(string) && /[0-9]+/.test(string) && /\W+\D+/.test(string)) {
noticeAssign(1);
}
else
if
(/[a-zA-Z]+/.test(string) || /[0-9]+/.test(string) || /\W+\D+/.test(string)) {
if
(/[a-zA-Z]+/.test(string) && /[0-9]+/.test(string)) {
noticeAssign(-1);
}
else
if
(/\[a-zA-Z]+/.test(string) && /\W+\D+/.test(string)) {
noticeAssign(-1);
}
else
if
(/[0-9]+/.test(string) && /\W+\D+/.test(string)) {
noticeAssign(-1);
}
else
{
noticeAssign(0);
}
}
}
else
{
noticeAssign(
null
);
}
}
function
noticeAssign(num) {
if
(num == 1) {
$(
'#weak'
).css({backgroundColor:
'#009900'
});
$(
'#middle'
).css({backgroundColor:
'#009900'
});
$(
'#strength'
).css({backgroundColor:
'#009900'
});
$(
'#strength'
).html(
'很强'
);
$(
'#middle'
).html(
''
);
$(
'#weak'
).html(
''
);
}
else
if
(num == -1){
$(
'#weak'
).css({backgroundColor:
'#ffcc33'
});
$(
'#middle'
).css({backgroundColor:
'#ffcc33'
});
$(
'#strength'
).css({backgroundColor:
''
});
$(
'#weak'
).html(
''
);
$(
'#middle'
).html(
'中'
);
$(
'#strength'
).html(
''
);
}
else
if
(num ==0) {
$(
'#weak'
).css({backgroundColor:
'#dd0000'
});
$(
'#middle'
).css({backgroundColor:
''
});
$(
'#strength'
).css({backgroundColor:
''
});
$(
'#weak'
).html(
'弱'
);
$(
'#middle'
).html(
''
);
$(
'#strength'
).html(
''
);
}
else
{
$(
'#weak'
).html(
' '
);
$(
'#middle'
).html(
' '
);
$(
'#strength'
).html(
' '
);
$(
'#weak'
).css({backgroundColor:
''
});
$(
'#middle'
).css({backgroundColor:
''
});
$(
'#strength'
).css({backgroundColor:
''
});
}
}
</script>
js检测密码强度的更多相关文章
- JS正则检测密码强度
今天遇到个需求,使用JS检测密码强度:密码长度最短为8,必须同时包含字母.数字.特殊符号. 代码如下: /* * 检测密码复杂度 */ function ...
- 正则表达式之js检验密码强度
最近一直在做通行证项目,里面的注册模块中输入密码需要显示密码强度(低中高).今天就把做的效果给大家分享下,代码没有网上搜索的那么复杂,能够满足一般的需求. html 代码如下: <!DOCTYP ...
- js判断密码强度
html代码: <form name="form1" action=""> 密码:<input type="password&quo ...
- Js判断密码强度并显示提示信息
用javascipt实现的Ajax判断密码强弱的功能,大多数有用户注册功能的网站,都会有这么一个功能,作为WEB程序员,应该会写这种小模块哦,不懂的就看下这个例子,觉得挺简单,当初帮助了不少人学会了密 ...
- js 检验密码强度
html 代码如下: <!DOCTYPE HTML> <html lang="en"> <head> <meta charset=&quo ...
- js实现密码强度验证
<html> <head> <meta http-equiv="content-type" content="text/html" ...
- 【javascript】js 检验密码强度
最近一直在做通行证项目,里面的注册模块中输入密码需要显示密码强度(低中高).今天就把做的效果给大家分享下,代码没有网上搜索的那么复杂,能够满足一般的需求. html 代码如下: <!DOCTYP ...
- js实现密码强度
<!doctype html> <html> <head> <meta charset="utf-8"> <title> ...
- javascript 检测密码强度
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
随机推荐
- Angular待办事项应用2
todo组件 接上一篇,在根目录创建todo组件 命令行输入:ng g c todo 得到 文件结构 修改默认路由为todo: 然后打开浏览器:http://localhost:4200/ ,查看,t ...
- SpringBoot数据库访问(一)--------关系型数据库访问(RDBMS)
关系型数据库访问(RDBMS) 采用JdbcTemplate.MyBatis.JPA.Hibernate等技术. 一.JdbcTemplate工具 在pom.xml添加boot-starter-jdb ...
- Spring 核心组件总结
spring核心组件总结 spring介绍 spring概念 IOC: Inverse Of Control 控制反转 将我们创建对象的方式反转了,以前创建对象是由我们开发人员自己维护,包括依赖注 ...
- oracle数据库逐步学习总结【基础一】
原创作品,转载请在文章开头显眼位置注明出处:https://www.cnblogs.com/sunshine5683/p/10059955.html 一.oracle的基本命令 1.连接命令 用法:c ...
- 软件架构系列二:Clean架构
外圈的层次可以依赖内层,反之不可以:内圈核心的实体代表业务,不可以依赖其所处的技术环境. 这是著名软件大师Bob大叔提出的一种架构,也是当前各种语言开发架构.干净架构提出了一种单向依赖关系,从而在逻辑 ...
- python数据类型之集合
对python中集合的理解 集合是一个无序的,不重复的数据组合,它的主要作用如下: 去重,把一个列表变成集合,就自动去重了 关系测试,测试两组数据之前的交集.差集.并集等关系 常用操作 s = set ...
- Java对象的内存(一)
前言 新人一枚,刚刚入门编程不久,各方面都在学习当中,博文有什么错误的地方,希望我们可以多多交流! 最近,在开发App后台过程中,需要将项目部署到云服务器上.而云服务器的内存大小却只有1G.要如何做到 ...
- FileReader读取文件
前言:FileReader是一种异步文件读取机制,结合input:file可以很方便的读取本地文件. input:file 在介绍FileReader之前,先简单介绍input的file类型. < ...
- 转:PHP中的使用curl发送请求(GET请求和POST请求)
原文地址:http://www.jb51.net/article/104974.htm 使用CURL发送请求的基本流程 使用CURL的PHP扩展完成一个HTTP请求的发送一般有以下几个步骤: 1.初始 ...
- 2017 先知创新大会:有 ZHI 而来
先知创新大会( XIANZHI INNOVATION CONFERENCE ) 是聚焦安全行业创新的行业盛事, 旨在推动安全技术的进步和发展. 先知大会的主题是“极致·眼界·创新” 极致:追求技术的极 ...