JavaScript注册时密码强度校验代码

密码强度有四个状态，分别如下图。

无密码状态

密码低级状态

密码中级状态

密码高级状态

实现的代码主要如下：

超文本标记语言代码

输入名称='密码'类型=' PassPort ' OnKeYup=' check intensity(这个。值)'表格边框='0 '单元格填充='0 '单元格间距=' 0 ' tr align=' center ' TD id=' pwd _ Weak ' class=' pwd pwd _ c '/tdtd id=' pwd _ Medium ' class=' pwd pwd _ c pwd _ f '无/tdtd id=' pwd _ Strong ' class=' pwd pwd _ c pwd _ c _ r '/TD/tr/TableCSS代码。pwd { width:50px高度：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}JS代码

函数CheckIntensity(pwd) { var Mcolor，Wcolor，Scolor，Color _ Htmlvar m=0；//匹配数字if (/\d /.测试(pwd))(调试器；m；};//匹配字母if (/[A-Za-z] /.测试(pwd)){ m；};//匹配除数字字母外的特殊符号if(/[^0-9a-za-z)/。测试(pwd)){ m；};if(pwd。长度=6){ m=1；} if(pwd。长度=0){ m=0；}开关(m){ case 1: Wcolor=' pwd pwd _ Weak _ c '；mcolor=' pwd pwd _ cScolor=' pwd pwd _ c pwd _ c _ rColor _ Html='弱；打破；case 2: Wcolor=' pwd pwd _ Medium _ c '；mcolor=' pwd pwd _ Medium _ cScolor=' pwd pwd _ c pwd _ c _ rColor _ Html='中；打破；case : Wcolor=' pwd pwd _ Strong _ c '；mcolor=' pwd pwd _ STRONG _ cscolor=' pwd pwd _ STRONG _ c pwd _ STRONG _ c _ r '；Color_Html='强；打破；默认值： Wcolor=" pwd pwd _ cmco lor=' pwd pwd _ c pwd _ FScolor=' pwd pwd _ c pwd _ c _ rco lor _ Html='无；打破；}文档。getelementbyid(' pwd _ Weak ').className=Wcolordocument。getelementbyid(' pwd _ Medium ').className=Mcolordocument。getelementbyid(' pwd _ Strong ').类名=Scorr文件。getelementbyid(' pwd _ Medium ').innerHTML=Color _ Html}以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。