手机版

js检测用户输入密码强度

时间:2021-09-29 来源:互联网 编辑:宝哥软件园 浏览:

一个用爪哇岛描述语言检测用户输入密码强度的效果代码,以下代码主要是从以下四个方面检测用户输入的密码的强度的,有兴趣的朋友可以自己添加或修改成自己想要的形式!1.如果输入的密码位数少于5位,那么就判定为弱。2.如果输入的密码只由数字、小写字母、大写字母或其它特殊符号当中的一种组成,则判定为弱。3.如果密码由数字、小写字母、大写字母或其它特殊符号当中的两种组成,则判定为中。4.如果密码由数字、小写字母、大写字母或其它特殊符号当中的三种以上组成,则判定为强。先来看看这个实现的效果吧!

下面是具体利用爪哇岛描述语言检测用户输入密码强度的效果代码html。部分代码:

输入名称='密码'类型=' PassPort ' OnKeYup=' check intensity(这个。值)'表格边框='0 '单元格填充='0 '单元格间距=' 0 ' tr align=' center ' TD id=' pwd _ Weak ' class=' pwd pwd _ c '/TD TD TD id=' pwd _ Medium ' class=' pwd pwd _ c pwd _ f '无/TD TD id=' pwd _ Strong ' class=' pwd pwd _ c pwd _ c _ r '/TD/tr/表格钢性铸铁部分代码:pwd { width:40px高度:20 px线高:14 px填充-top :2 px;} .pwd _ f { color : # BBBBBBB} .pwd _ c {底色: # f3f 3;边框-top:1px实心# D0D0D0border-bottom:1px实心# D0D0D0边框-左:1px实心# D0D0D0}。pwd _ Weak _ c {底色: # FF4545边框-top:1px实心# bb2b bborder-bottom :1 px实心# BB2B2B边框-左侧:1px实心# BB2B2B}。pwd _ Medium _ c {底色: # ffd 35e边框-top:1px实心# E9AE10边框-底部:1px实心# E9AE10边框-左侧:1px实心# E9AE10}。pwd _ Strong _ c {底色: # 3ABB1C边框-top:1px实心# 267A12边框-底部:1px实心# 267A12边框-左侧:1px实心# 267A12}。pwd _ c _ r {右边框:1px实心# D0D0D0}。pwd _ Weak _ c _ r {右边界:1 px实心# BB2B2B}。pwd _ Medium _ c _ r {右边界:1 px实心# E9AE10}。pwd _ Strong _ c _ r {右边界:1 px实心# 267A12}使用到的射流研究…函数:

函数CheckIntensity(pwd){ var Mcolor,Wcolor,Scolor,Color _ Htmlvar m=0;var模式=0;for(I=0;ipwd . lengthi){ var charType=0;var t=pwd。charcodeat(一);if(t=48t=57){ charType=1;} else if(t=65t=90){ charType=2;} else if(t=97t=122){ charType=4;} else { charType=4;}模式|=图表类型;} for(I=0;i4;I){ 0如果(模式1)m;}模式=1;} if(pwd。长度=4){ m=1;} if(pwd。长度=0){ m=0;}开关(m){案例1 : Wcolor=' pwd pwd _ Weak _ CMcolor=' pwd pwd _ cScolor=' pwd pwd _ c pwd _ c _ rColor _ Html='弱;打破;案例2 : Wcolor=' pwd pwd _ Medium _ c ';mcolor=' pwd pwd _ Medium _ cScolor=' pwd pwd _ c pwd _ c _ rColor _ Html='中;打破;案例3 : Wcolor=' pwd pwd _ Strong _ c ';mcolor=' pwd pwd _ STRONG _ cscolor=' pwd pwd _ STRONG _ c pwd _ STRONG _ c _ r ';Color_Html='强;打破;默认值: Wcolor=' pwd pwd _ cmCOlOr=' pwd pwd _ c pwd _ FSCOlOr=' pwd pwd _ c pwd _ c _ rColor _ Html='无;打破;}文档。getelementbyid(' pwd _ Weak ').className=Wcolordocument。getelementbyid(' pwd _ Medium ').className=Mcolordocument。getelementbyid(' pwd _ Strong ').类名=Scorr文件。getelementbyid(' pwd _ Medium ').innerHTML=Color _ Html}密码设置的强度对用户信息安全尤为重要,所以大家一定要重视,不仅在开发项目中要时刻注意,还有在平时注册信息的时候也要提高密码的强度,保护个人信息安全,希望这篇文章对大家的学习有所帮助。

版权声明:js检测用户输入密码强度是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。