需求:
随机生成4位验证码,范围0-9a-z,用户输入后,点击确定按钮开始校验;
若用户未输入,弹出提示框;
若用户输入错误,显示红色的字,提示用户验证码输入错误,重新生成验证码,并清空输入框;
若用户输入正确,显示绿色的字,提示用户验证码输入正确;
当用户点击看不清换一张时重新显示新的验证码;
示例:
关键点:
1、生成随机数
2、修改DOM元素内容、样式
代码示例:
需求:
随机生成4位验证码,范围0-9a-z,用户输入后,点击确定按钮开始校验;
若用户未输入,弹出提示框;
若用户输入错误,显示红色的字,提示用户验证码输入错误,重新生成验证码,并清空输入框;
若用户输入正确,显示绿色的字,提示用户验证码输入正确;
当用户点击看不清换一张时重新显示新的验证码;
示例:
关键点:
1、生成随机数
2、修改DOM元素内容、样式
代码示例: