js判断密码强度的方法
作者：cometwo 发布时间：2024-04-19 10:58:24
标签：js,密码强度
本文实例为大家分享了js判断密码强度的具体代码，供大家参考，具体内容如下
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>密码强度检测</title>
<script type="text/javascript" src="js/jquery-2.2.4.min.js"></script>
<style type="text/css">
body {
font: 12px/1.5 Arial;
}
input {
float: left;
font-size: 12px;
width: 150px;
font-family: arial;
padding: 3px;
border: 1px solid black;
}
input.error {
border: 1px solid red;
}
#tips {
float: left;
margin: 2px 0 0 20px;
}
#tips span {
float: left;
width: 50px;
height: 20px;
color: white;
background: green;
margin-right: 2px;
line-height: 20px;
text-align: center;
}
</style>
<script type="text/javascript">
$(function() {
var aStr = ["弱", "中", "强", "牛逼"];
function checkStrong(val) {
var modes = 0;
if (val.length < 6) return 0;
if (/\d/.test(val)) modes++; //数字
if (/[a-z]/.test(val)) modes++; //小写
if (/[A-Z]/.test(val)) modes++; //大写
if (/\W/.test(val)) modes++; //特殊字符
if (val.length > 12) return 4;
return modes;
};
$(":text").keyup(function() {
var val = $(this).val();
$("p").text(val.length);
var num = checkStrong(val);
switch (num) {
case 0:
break;
case 1:
$("#tips span").css('background', 'yellow').text('').eq(num - 1).css('background', 'red').text(aStr[num - 1]);
break;
case 2:
$("#tips span").css('background', 'green').text('').eq(num - 1).css('background', 'red').text(aStr[num - 1]);
break;
case 3:
$("#tips span").css('background', 'green').text('').eq(num - 1).css('background', 'red').text(aStr[num - 1]);
break;
case 4:
$("#tips span").css('background', 'green').text('').eq(num - 1).css('background', 'red').text(aStr[num - 1]);
break;
default:
break;
}
})
})
</script>
</head>
<body>
<input type="text" value="" maxlength="16" />
<div id="tips"><span></span><span></span><span></span><span></span></div>
<p></p>
</body>
</html>
来源：https://blog.csdn.net/libin_1/article/details/51577472
0
投稿猜你喜欢
- 本文主要是利用scapy包编写了一个简易扫描工具，支持ARP、ICMP、TCP、UDP发现扫描，支持TCP SYN、UDP端口扫描，如下：u
Math概述Math 对象不是构造函数，它具有数学常数和函数的属性和方法。跟数学相关的运算（求绝对值，取整、最大值等）可以使用 Math 中- 这也许是学习一门语言时大家都会问的一个问题，其实我个人认为无所谓哪个最好，关键在于哪个用着顺手，方便。还有很多人乐于去做排名，去看排名，哪个
- 你是不是在学习python的时候在使用虚拟机系统进行开发，来回切换很是不方便，那么今天给大家推荐一个pycharm强大的功能。接下来我们利用
- Python3.5 版本引入了类型提示（Type Hints），它允许开发者在代码中显式地声明变量、函数、方法等的类型信息。这种类型声明不会
- __author__ = 'clownfish'#coding:utf-8import urllib2,urllib,coo
- 一、实际场景及解决思路实际场景：比如某个班的数学成绩以字典格式存储为：student_dict = {'xiaoliang'
- 1. 设置本地git账户邮箱和用户名输入命令git config --global user.name "Git账号"以
- 本文给大家分享一个远程更新目标库数据的存储过程，适用于更新列名一致，主键为Int类型，可远程链接的数据库。USE [Table]--切换到源
- 本文实例讲述了Python使用正则表达式过滤或替换HTML标签的方法。分享给大家供大家参考，具体如下：python正则表达式关键内容:pyt
- 这里给大家分享的是使用python实现将100以内的质数挑选出来代码非常简单，就不多废话了。"""使用filt
- 本文主要关于python的正则表达式的符号与方法。findall: 找寻所有匹配，返回所有组合的列表search: 找寻第一个匹配并返回su
- Python的functools模块提供了很多有用的功能，其中一个就是偏函数（Partial function）。要注意，这里的偏函数和数学
- 获得当前机器的名字：def hostname(): sy
- 如下所示：#!/usr/bin/env python#coding: utf8import getpassdb = {}def newUse
- httpparser介绍：1.解析字节类型的http与https请求数据：2.支持已k-v形式修改请求数据：3.支持重新编码请求数据源码im
- opencv中有多种色彩空间，包括 RGB、HSI、HSL、HSV、HSB、YCrCb、CIE XYZ、CIE Lab8种，使用中经常要遇到
- 当我们导入的模型含有自定义层或者自定义函数时，需要使用custom_objects来指定目标层或目标函数。例如：我的一个模型含有自定义层“S
- 下面，我们就从当前时间来取得随机数，调用的时候用包含文件就可以了：<!--#INCLUDE VIRTUAL="/q
- 一、准备工作安装最新的Go1、由于Google被墙的原因，如果没有VPN的话，就到这里下载：http://www.golangtc.com/
