一、获取验证码获取验证码操作,如下: 分析:
实现: 1.准备相关部件:矩形1,命名为“验证码”,随意输入四个值,中间用空格隔开;文本标签,命名为“换一张”,字体随意设置,如下: 2.选择文本标签,设置鼠标点击事件。 第一步:新增全局变量。 第二步,设置全局变量值ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789。 第三步,设置验证码元件文本值,点击FX,插入字符串函数[[全局变量.substr(全局变量.length*Math.random(),1)]],输入四次,中间用空格隔开。 完成,点击“确定”。 F5预览: 原形连接,欢迎下载。 链接: https://pan.baidu.com/s/119S-ERhKMbetLrjCH7pSUg 密码: t5cw 二、校验验证码输入验证码,并校验验证码是否正确。 实现: 1.在获取验证码的基础上,增加新的元件:
热区样式,初始化为隐藏。 元件设置完成,如下: 设置输入框用例:主要的作用就是为了检查每次输入完成之后,验证码是否正确,如果正确,则提示信息,显示为“√”,如果错误,则提示信息显示为“×”,添加“按键松开时”用例,即,每次输入完成,松开按键时完成用例。 验证信息为:
错误设置,如上。 最后,隐藏提示信息,略。 设置完的用例信息如下: F5预览: 原形见连接,欢迎下载: 链接: https://pan.baidu.com/s/1XOSLO2lBpDocDaoeaiRlzQ 密码: 6a8c 本文由 @小甜甜不甜 原创发布于人人都是产品经理。 题图来自 Pexels ,基于 CC0 协议 |
|