1、首先写一个最基本的展示页面,其中包括输入密码、密码强度两个方面,还需要加一个input的输入框做输入
2、然后写出js判断,在js中主要是判断密码符合哪一种,然后使用case语句进行处理,最后再修改上面的密码强度的颜色即可
3、这里我是实用的一个txt编写的代码,然后将最后的后缀名由txt改成html,再通过浏览器打开
4、输入一个简单的密码,这里显示出来的是一个该密码为中等安全等级
5、然后继续输入,运用到符号、数字和字母后密码强度变成了强,这里我设置的是确认密码项才会做判断,你也可以用输入框值改变时就判断,这样就可以实时动态
6、最后贴出所有的代码,可以跟着做一做,最后就会明白原理