js正则表达式验证密码强度【推荐】
作者：chang红达 发布时间：2024-04-29 13:39:30
标签：js,密码强度
效果图：
代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>验证密码强度</title>
<style type="text/css">
*{margin: 0;padding: 0;}
body{background:#ccc;}
#demo{width:400px;padding:50px;background:#efefef;border: 1px solid #999;line-height:40px;margin:100px auto 0;}
#strength_length{height:6px;width:100px;padding:2px;border: 1px solid #ccc;}
.lv1{background:red;}
.lv2{background:blue;width:200px;}
.lv3{background:green;width:300px;}
</style>
</head>
<body>
<div id="demo">
<label for="ipt">密码：</label>
<input type="text" id="ipt"><br/>
<em>密码强度：</em><em id="strength"></em>
<div id="strength_length"></div>
</div>
</body>
<script type="text/javascript">
(function(window){
function $(id){
return document.getElementById(id);
};
var arr = ["","低","中","高"];
// 获取对象
var ipt = $("ipt"),strength = $("strength"),strLength = $("strength_length");
// 密码输入事件
ipt.onkeyup = function(){
var s = 0;
var txt = this.value;
if( /[a-zA-Z]/.test(txt) ){
s++;
};
if( /[0-9]/.test(txt) ){
s++;
};
if( /[^0-9a-zA-Z]/.test(txt) ){
s++;
};
if( txt.length <6 ){
s = 0;
};
strength.innerHTML = arr[s];
strLength.className = "lv" + s;
}
})(window)
</script>
</html>
来源：http://www.qdfuns.com/notes/38951/d92fe271656a360ab1f93364809cd3ba.html
0
投稿猜你喜欢
- 本文实例讲述了Python带动态参数功能的sqlite工具类。分享给大家供大家参考，具体如下：最近在弄sqlite和python在网上参考各
- 1.汇率换算程序案例描述设计一个汇率换算器程序，其功能是将外币换算成人民币，或者相反案例分析分析问题：分析问题的计算部分；确定问题：将问题划
- var str='1250' ; alert( Number(str) ); //得到1250 alert(parseInt
- DropPath/drop_path 是一种正则化手段，其效果是将深度学习模型中的多分支结构随机”删除&ldqu
- 本文实例讲述了Python实现读取SQLServer数据并插入到MongoDB数据库的方法。分享给大家供大家参考，具体如下：# -*- co
无规矩不成方圆。编写代码也是，如果没有大概的框架，管理代码将会是一件很头疼的事。先看看笔者以前写的python脚本：如果只有一个用例，这样看- 最近博主在边学flask边写测试平台，碰到一个比较常用的场景如下图所示这里有一个输入框组，下拉菜单里面有3个选项，还有一个输入框，代码是用
- 基本操作图片的基本读取与保存。读取图片读取和文件读取类似，需要先获取流：注册图片的解码器（如：jpg则import _ "imag
- 一、前言当我们必须处理可能有多个列和行的大型DataFrames时，能够以可读格式显示数据是很重要的。这在调试代码时非常有用。默认情况下，当
- 今天主要给大家介绍如何用pyecharts画各种漂亮的数学图形一、基本极坐标图说简单点，基本极坐标图就是圆形的散点图（柱状图或折线图），代码
- # -*- coding: cp936 -*-import socketfrom threading import Thread,activ
- 在程序中定义一个变量时，这个变量是有作用范围的，变量的作用范围被称为它的作用域。根据定义变量的位置，变量分为两种：局部变量：在函数中定义的变
- 本文实例为大家分享了python K均值聚类的具体代码，供大家参考，具体内容如下#-*- coding:utf-8 -*- #!/usr/b
- 引言微信小程序为了优化用户体验，取消了在进入小程序时立马出现授权窗口。需要用户主动点击按钮，触发授权窗口。那么，在我实践过程中，出现了以下问
- 本文实例总结了Python字典常见操作。分享给大家供大家参考，具体如下：简单的字典：字典就是键值对key-value组合。#字典 键值对组合
- 本文实例为大家分享了vue-Split实现面板分割的具体代码，供大家参考，具体内容如下<template> <
- 本文实例为大家分享了js轮播图实现代码，供大家参考，具体内容如下思路：1、首先要有个盛放图片的容器，设置为单幅图片的宽高，且overflow
- 实现一个AuditLog的功能，是B/S结构专案。 每个用户可以登录系统，在程序中操作数据(添加，更新和删除）需要实现记录操作跟踪。是谁添加
- 前言MySQL支持单机事务的良好表现毋庸置疑，那么在分布式系统中，涉及多个节点，MySQL又是如何实现分布式事务的呢？比如开发一个业务系统，
- 条形码和二维码#引入所需要的基本包from reportlab.pdfgen import canvasfrom reportlab.gra
