验证码
题目要求:随机4位验证码要求验证码是由0-9、大小写26英文字母随机组成,并且给验证码随机添加字体颜色(颜色为红、黄、蓝、绿),检验输入的验证码是否正确,如果输入为空或者空格,提示用户:“请输入验证码!”,如果验证码输入错误,提示用户“验证码输入错误,请重新输入!”,并且清空输入框,重新刷新验证码;如果验证码输入正确,则提示用户“验证码输入正确!”,并且刷新验证码!
效果图如下:
评分标准:
1.完成效果图界面,效果图相似即可,按钮背景色:rgb(2, 195, 105)(8分)
2.定义验证码组成数组(5分)
3.定义数组存储字体颜色(3分)
4.使用循环获取验证码(8分),并且将获取到的验证码值加载到验证码框(2分)
5.使用循环获取随机获取文字颜色(3分),并且将获取到的文字颜色设置到验证码文字上;(5分)
6.页面初始化加载验证码(3分)
7.点击验证码可以随机更换验证码(3分);
8.点击验证可以校验验证码
8.1验证码输入为空或者空格,则弹框如下(3分):
8.2验证码输入错误,则弹窗提示如下(5分),并清空输入框(2分),重新加载验证码(2分):
8.3验证码输入正确(区分大小写),则弹窗提示如下(5分),并重新加载验证码(2分):