Axure：获取、校验验证码的原型实现方法
5647
系统学习运营课程，加入《91运营网VIP会员》，开启365天运营成长计划>>
|
本文分享了获取、校验验证码的原型设计方法，希望对想学习Axure的伙伴们有帮助。
一、获取验证码 获取验证码操作，如下：
分析：
实现： 1.准备相关部件：矩形1，命名为“验证码”，随意输入四个值，中间用空格隔开；文本标签，命名为“换一张”，字体随意设置，如下：
2.选择文本标签，设置鼠标点击事件。 第一步：新增全局变量。
第二步，设置全局变量值ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789。
第三步，设置验证码元件文本值，点击FX，插入字符串函数[[全局变量.substr(全局变量.length*Math.random(),1)]]，输入四次，中间用空格隔开。
完成，点击“确定”。
原形连接，欢迎下载。 链接: https://pan.baidu.com/s/119S-ERhKMbetLrjCH7pSUg 密码: t5cw 二、校验验证码 输入验证码，并校验验证码是否正确。 实现： 1.在获取验证码的基础上，增加新的元件：
热区样式，初始化为隐藏。
设置输入框用例：主要的作用就是为了检查每次输入完成之后，验证码是否正确，如果正确，则提示信息，显示为“√”，如果错误，则提示信息显示为“×”，添加“按键松开时”用例，即，每次输入完成，松开按键时完成用例。 验证信息为：
错误设置，如上。 最后，隐藏提示信息，略。 设置完的用例信息如下：
F5预览：
原形见连接，欢迎下载： 链接: https://pan.baidu.com/s/1XOSLO2lBpDocDaoeaiRlzQ 密码: 6a8c
作者：小甜甜不甜 来源：人人都是产品经理 |
扫码加入91运营社群
近期文章
- 微信新“王牌”露出水面 2024年11月18日
- 抖音更新流量推荐算法，有3大变化最重要！ 2024年11月18日
- 2024最新ChatGPT注册方法详细步骤！ 2024年11月18日
- 「小绿书带货」从0-1全套攻略！免费！（外面都是卖钱的） 2024年11月17日
- 微信养号和防封、加人技巧，私域必备。 2024年11月17日
- 李子柒到底凭什么火？ 2024年11月17日
- 会拉微信群就算会玩私域？本地生意最大黑洞还是私域 2024年11月17日
- 最近流行的全域推广、全域运营和全域经营是什么玩法？【必看】 2024年11月17日
- 我差点被带坑里了，这3种搞流量你见过吗？ 2024年11月17日
- 做私域，一定要学会“晒”！ 2024年11月17日