Loading... 同样还是上节课一样的题目,咱们还是老样子,先把题目贴出来: **密码强度检测工具:** 现在我们定义,大写字母,小写字母,数字,以及 `! @ # $ % ^ & *` 这些特殊符号中包含三种或以上的密码为强密码,只包含其中两种的,为中密码,只包含其中一种的,为弱密码。 请你写一个密码强度检测工具,包含一个空编辑框和三个标签,编辑框默认使用密码输入的方式,`*` 为遮盖字符。三个标签的标题分别为:弱、中、强,背景颜色默认为浅灰色。当检测到密码为弱密码时,弱的那个标签变为红色,其他两个不变;中密码时中的那个标签背景变为黄色,其他灰色;为强密码时强的那个标签背景变为绿色,其他灰色。 另外再增加一个按钮,默认标题为“显示”,点击后转变为“隐藏”,此时编辑框的输入方式同时变为通常方式。点击隐藏后,恢复原来密码遮盖的样子。 密码要求至少六位后一个叫做“确定”的按钮才能点击,同时六位及以上才会判断密码强度。点击后可以弹出一个信息框,告诉用户他输入的密码明文是什么,是强/中/弱密码(按照实际来显示其中一种)。 同时,要求该编辑框不允许输入字母或数字或上述规定的特殊字符以外的任何内容,但是允许使用退格键删除已经输入的内容。 **该题目用到几个知识点:** 1. 编辑框的字符输入事件,该事件有一个参数叫做字符代码,表示的是你按下的键盘的键的 ASCII 码,ASCII(American Standard Code for Information Interchange,美国信息交换标准代码)是基于拉丁字母的一套电脑编码系统,主要用于显示现代英语和其他西欧语言。你可以使用调试输出的方法都看看字母和数字都返回什么样的 ASCII 码。 2. 退格键也有自己的 ASCII 码。 3. 编辑框还有一个内容被改变事件,在每次编辑框的内容有变化的时候就会运行。 4. 取代码这个命令可以取出字符对应的 ASCII 码。 上节课我们已经完成了部分的代码,这节课主要利用了前面的基础研究成果来继续完成后面的部分,比如利用字符输入以及内容被改变等事件来完成后续的密码强度检测操作等。从视频讲解中可以看出,需要考虑的方方面面还是挺多的,这道题的代码量略大,但许多代码都可以通过复制粘贴后稍作修改就使用,因此也不算特别的难。针对本道题的其他重难点的需要理解掌握的部分,我们已经在视频教程中做了十分详尽的讲解,希望大家可以对照着视频把自己的密码强度检测器再完善完善。 以下是我们的视频教程: **在线观看:** <div class="hideContent">该部分仅登录用户可见</div> **高清源文件下载:** <div class="hideContent">该部分仅登录用户可见</div> **课程源码下载:** <div class="hideContent">该部分仅登录用户可见</div> 感谢大家的收看,我们下期再见! 最后修改:2021 年 08 月 13 日 © 允许规范转载 赞 赠人玫瑰,手留余香