【学习任务】完成注册功能
我要参与
【学习任务】完成注册功能
学习任务 4.4k
等30人参与
来源: 第9周 / 前端工程师

注册是大多数网站都拥有的一个功能,那么如何高效的验证注册时输入的内容呢,当然是使用正则表达式啦。请结合之前所学的正则知识,实现如下效果:

演示视频
作业描述

1、用户名输入框,正确的条件是:6-30位字母、数字或_, 以字母开头。
(1) 如果输入内容的不满足条件时,输入框后面的提示内容为。6-30位字母、数字或’_’,字母开头,且字体颜色变为红色。
(2) 如果输入的满足条件,输入框后面的提示内容为:“用户名输入正确”,且字体颜色变成绿色。
2、密码输入框,正确的条件是:6-20位字母或数字组成
(1) 如果输入内容的不满足条件时,输入框下面给出提示内容为:6-20位字母或数字,且字体颜色变为红色。
(2) 如果输入的密码内容是纯数字、纯小写字母或者纯大写字母,密码强度为低,只有第一块变为红色。
(3) 如果是两种类型的结合,那么密码强度为一般,第二块变为橘色。
(4) 如果是三种类型的结合,那么密码强度为高,第三块变为绿色。
3、密码确认框,正确的条件是:与上面的密码输入框的内容一致。
(1) 如果为空,那么后面给出文字提示“输入框不能为空”,且字体颜色变为红色。
(2) 如果输入的密码跟上面的密码不一致,则提示“两次密码输入不一致,请重新输入”且字体颜色变为红色。
(3) 如果输入的密码跟上面一致,则提示“两次输入一致”。
4、满足所有的验证条件,点击下一步提示“信息填写正确”,否则提示“请填写正确的信息”

去发布

登录后即可发布作业,立即

我的作业

全部作业

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师