手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

js怎么动态显示密码强度

时间:2024-10-16 21:01:39

1、首先写一个最基本的展示页面,其中包括输入密码、密码强度两个方面,还需要加一个input的输入框做输入

js怎么动态显示密码强度

2、然后写出js判断,在js中主要是判断密码符合哪一种,然后使用case语句进行处理,最后再修改上面的密码强度的颜色即可

js怎么动态显示密码强度

3、这里我是实用的一个txt编写的代码,然后将最后的后缀名由txt改成html,再通过浏览器打开

js怎么动态显示密码强度

4、输入一个简单的密码,这里显示出来的是一个该密码为中等安全等级

js怎么动态显示密码强度

5、然后继续输入,运用到符号、数字和字母后密码强度变成了强,这里我设置的是确认密码项才会做判断,你也可以用输入框值改变时就判断,这样就可以实时动态

js怎么动态显示密码强度

6、最后贴出所有的代码,可以跟着做一做,最后就会明白原理

js怎么动态显示密码强度
© 手抄报圈