JS 密码弱中强显示

最新推荐文章于 2023-10-24 17:28:40 发布
最新推荐文章于 2023-10-24 17:28:40 发布
阅读量353 收藏 1
点赞数
原文链接：http://www.cnblogs.com/dxmfans/p/9434852.html
版权
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <meta charset="utf-8" />
    <script>
        onload = function () {
            var tds = document.getElementById('tb').getElementsByTagName('td');


            document.getElementById('txt').onkeyup = function () {
                for (var i = 0; i < tds.length; i++) {//防止输入正确密码后倒退删除时候出问题
                    tds[i].style.backgroundColor = 'gray';
                }
                if (this.value.length>0) {
                    var result = checkPwd(this.value);
                    if (result<=1) {//弱
                        tds[0].style.backgroundColor='red';
                    }else if (result==2) {//中
                        tds[0].style.backgroundColor='green';
                        tds[1].style.backgroundColor='green';
    
                    }else if (result==3) {//强
                        tds[0].style.backgroundColor='blue';
                        tds[1].style.backgroundColor='blue';
                        tds[2].style.backgroundColor='blue';
                    }
                }
            }
        }


        function checkPwd(msg){ //判断含有数字字母特殊符号
            var lvl = 0;
            if (msg.match(/[0-9]/)){
                lvl++;
            }
            if (msg.match(/[a-zA-Z]/)) {
                lvl++;
            }
            if (msg.match(/[^0-9a-zA-Z]/)) {
                lvl++;
            }
            if (msg.length<6) {
                lvl--;
            }
            return lvl;
        }
    </script>
</head>
<body>
    <input type="text" name="name" id="txt" />
    <table id="tb" border="1" style="width:300px;height:35px;text-align:center;background-color:gray">
        <tr>
            <td>
                弱
            </td>
            <td>
                中
            </td>
            <td>
                强
            </td>


        </tr>
    </table>
</body>
</html>

转载于:https://www.cnblogs.com/dxmfans/p/9434852.html

weixin_30416497
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js验证密码强度
weixin_44644573的博客
02-10 2303
这篇文章我们来说一个验证密码强度的例子，大家在进入一个网站的时候，往往都会先注册一个账号，然后输入密码，在输密码的时候，系统会根据我们输入的密码组成的复杂程度来给你的密码显示一个密码强度，一般就是强中弱三种，我们先来说一下密码验证的原理，原理明白了，js代码就好写了，今天的代码会用到正则表达式。 首先说一下密码强度的三种等级是如何划分的， 弱：一般就是纯数字或纯小写字母或者纯大写字母组成的，这种密...
JS实现强密码
TTO_OTT的专栏
06-01 860
一个强密码应满足以下所有条件： 至少6个，至多20个字符组成。 至少包含一个小写字母，一个大写字母，和一个数字。 同一字符不能连续出现三次（比如“…aaa…”是不允许的，但是“…aa….a…”是可以的）。 编写函数strongPasswordCheck(s)，s代表输入字符串，如果s已经符合强密码条件，则返回0；否则返回要将s修改为满足强密码条件的字符串所需要进行修改的最小步数，每次只操作单个字符。 插入、删除、替换任一字符都算作一次修改。 /** * @param {String} s * @ret
使用正则表达式判断密码强弱
12-13
学python的re模板，写了个文章发现没人看，所以总结出来经验，理论没人爱，实战的人心，那么既然没人喜欢理论就直接上实战，在实战中精炼理论．不多说直接先上代码 def password_level(password): weak = re.compile(r'^((\d+)|([A-Za-z]+)|(\W+))$') level_weak = weak.match(password) level_middle = re.match(r'([0-9]+(\W+|\_+|[A-Za-z]+))+|([A-Za-z]+(\W+|\_+|\d+))+|((\W+|\_+)+(\d+|\w+)
html 判断密码强度,js实现密码强度检测【附示例】
weixin_39965794的博客
06-28 804
这篇文章主要介绍了js实现密码强度检测的相关实例，第一个例子给出了全部代码，可以直接运行，第二个例子只给出了js代码，感兴趣的码农可以自己完成第二个实例。第一个实例这段JavaScript代码比较实用，它完成用户注册时判断用户输入密码的强度，分强、弱、中三等级，它可以根据用户输入的密码显示对应的密码强弱等级，方便用户改进输入。实现代码：JS判断密码强度//判断输入密码的类型function Cha...
python判断密码强度简单中等难_python 使用正则表达式判断密码强弱
weixin_39725885的博客
12-11 698
学python的re模板，写了个文章发现没人看，所以总结出来经验，理论没人爱，实战的人心，那么既然没人喜欢理论就直接上实战，在实战中精炼理论．不多说直接先上代码def password_level(password):weak = re.compile(r'^((\d+)|([A-Za-z]+)|(\W+))$')level_weak = weak.match(password)level_mid...
JavaScript 之 密码强度的正则校验
ZhuangWei的博客
01-24 5365
      在我们设置密码或者修改密码的时候经常会增加一些密码强度的校验，下面总结几个常用的密码强度的正则校验：分为弱、中、强 三种强度的密码校验；     弱 6~10位的纯数字或者纯小写字母或者纯大写字母 一般很少用，毕竟密码强度太低 let reg = /^(\d{6,10})|([a-z]{6,10})|([A-Z]{6,10})$/; console.log(res.test('123456')) // true console.log(res.test('123aaa')) // false
JS判断密码强度
幻羽公子的博客
03-31 288
&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt;&lt;html&gt;  &lt;head&gt;    &lt;title&gt;password.html&lt;/title&gt;    &lt;meta http-equiv="keywords" content="keyw
Vue密码强度
06-01
在“Vue密码强度”项目中，我们利用Vue.js来实现一个实时显示用户输入密码强度的功能。这通常涉及到对密码复杂性的评估，如长度、特殊字符、数字、字母等组合。 首先，我们需要在`index.html`中设置基本的HTML结构...
js检验密码强度(低中高)附图
10-25
注册模块中输入密码需要显示密码强度（低中高）本例将做的效果给大家分享下
Java中强引用，软引用，弱引用概念解析
08-19
Java 中强引用、软引用、弱引用概念解析 Java 中强引用、软引用、弱引用是 Java 语言中三种不同的引用类型，每种引用类型都有其特点和应用场景，以下是对这三种引用类型的详细解释： 强引用 强引用是使用最普遍的...
js验证密码强度解析
11-21
这篇文章我们来说一个验证密码强度的例子，大家在进入一个网站的时候，往往都会先注册一个账号，然后输入密码，在输密码的时候，系统会根据我们输入的密码组成的复杂程度来给你的密码显示一个密码强度，一般就是强中弱三种，我们先来说一下密码验证的原理，原理明白了，js代码就好写了，今天的代码会用到正则表达式。 首先说一下密码强度的三种等级是如何划分的？ 弱：一般就是纯数字或纯小写字母或者纯大写字母组成的，这种密码较简单，所以安全等级为弱。 中：由上述情况中的任意两种组成的密码强度为中。 强：上述三种情况都有。 再来说一下表示强中弱的三个div随着密码的输入来显示对应的强度，首先我们先写一个class名为ac
js实现密码强度检测【附示例】
11-23
这篇文章主要介绍了js实现密码强度检测的相关实例，第一个例子给出了全部代码，可以直接运行，第二个例子只给出了js代码，感兴趣的码农可以自己完成第二个实例。 第一个实例 这段JavaScript代码比较实用，它完成用户注册时判断用户输入密码的强度，分强、弱、中三等级，它可以根据用户输入的密码显示对应的密码强弱等级，方便用户改进输入。 实现代码： <html> <head> <title>JS判断密码强度</title> [removed] //判断输入密码的类型 function CharMode(iN){ if (iN>=48 && iN <=57) /
JS配合Web判断密码强度实例
09-13
JS如何判断密码强度 本程序按以下的方式进行评估. 1.如果密码少于5位,那么就认为这是一个弱密码. 2.如果密码只由数字、小写字母、大写字母或其它特殊符号当中的一种组成,则认为这是一个弱密码. 3.如果密码由数字、小写字母、大写字母或其它特殊符号当中的两种组成,则认为这是一个中度安全的密码. 4.如果密码由数字、小写字母、大写字母或其它特殊符号当中的三种以上组成,则认为这是一个比较安全的密码
js如何验证密码强度
11-20
验证“密码强度”的例子很常见，我们注册新的账号的时候往往设置密码，此时就遇到验证密码强度的问题了。“密码强度”也就是密码难易程度的意思。 原理： 1、如果输入的密码为单纯的数字或者字母：提示“低” 2、如果是数字和字母混合的：提示“中”  3、如果数字、字母、特殊字符都有：提示“强” 下面是一种“密码强度”的验证方法，觉得很有意思。 HTML和CSS代码： <!DOCTYPE HTML> <html > <!-- lang="en" --> <head> <meta charset="utf-8" /> <title>密码强度</title> <style type="text/css
新手小心：c语言中强符号与弱符号的使用
09-05
在C语言中，强符号和弱符号是链接器在处理多重定义符号时的重要概念，尤其对于初学者来说，理解这两个概念对于避免编程错误至关重要。强符号通常指的是已初始化的全局变量和函数，它们在编译期间是明确存在的，具有...
强中弱密码正则表达式的写法
他说少年如歌
04-15 2986
强：字母+数字+特殊字符 ^(?![a-zA-z]+$)(?!\d+$)(?![!@#$%^&*]+$)(?![a-zA-z\d]+$)(?![a-zA-z!@#$%^&*]+$)(?![\d!@#$%^&*]+$)[a-zA-Z\d!@#$%^&*]+$ 中：字母+数字，字母+特殊字符，数字+特殊字符 ^(?![a-zA-z]+$)(?!\d+$)(?![...
java实现密码强度验证（正则表达式）
lichuxin1999的博客
09-07 1796
在综合站内各种大佬的意见之后，正则表达式验证目前主流的验证方法，因此笔者先去研究了正则表达式，正则表达式细讲起来篇幅，笔者精选了此次验证过程中用到的正则表达式内容，并对其进行解析。
js检测密码强度的功能实现逻辑思路及实例
任聪聪的博客
04-23 509
适用范围：js、node以及其他语言的密码强度验证逻辑参考。 文章说明：分享密码强度验证的逻辑、实例、思路。 简单实例： //以密码的字符长度，包含内容进行一个得分的输出 var pwd = "admin666888A@"; var num = pwd.length; var score = 0; //密码长度得分 if(num>=5){ score+=50; } //是否包含特殊字符 var ruler_c = /[`~!@^*_+?:",.\/;'[\]]/;//通过正则进行判断 if(ru.
【js小工具】判断密码强度
最新发布
m0_61487202的博客
10-24 734
我们将介绍一种简单有效的密码强度检测方法。
密码设置弹框，密码登记弱中强怎么设置
08-18
在密码登记弱中强设置方面，可以根据以上要求和建议，对密码进行评估，并给出相应的弱、中、强等级提示。例如，如果密码只包含数字且长度不足8个字符，则可以将其标记为弱密码；如果密码符合长度要求且包含数字和...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值