获取校验验证码的原型实现方法

　　本文分享了获取、校验验证码的原型设计方法，希望对想学习Axure的伙伴们有帮助。
　　一、获取验证码
　　获取验证码操作，如下：
　　分析：
　　左图为矩形，主要展示验证码（本例设置4位验证码），其中验证码为字母和数字组合；
　　右图为文本输入框，主要设置点击事件，即点击文本文字，矩形框中的验证码随机出现四位值。
　　实现：
　　1.准备相关部件：矩形1，命名为＂验证码＂，随意输入四个值，中间用空格隔开；文本标签，命名为＂换一张＂，字体随意设置，如下：
　　2.选择文本标签，设置鼠标点击事件。
　　第一步：新增全局变量。
　　第二步，设置全局变量值ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789。
　　第三步，设置验证码元件文本值，点击FX，插入字符串函数[[全局变量.substr(全局变量.length*Math.random(),1)]]，输入四次，中间用空格隔开。
　　完成，点击＂确定＂。
　　F5预览：
　　原形连接，欢迎下载。
　　链接:https://pan.baidu.com/s/119S-ERhKMbetLrjCH7pSUg 密码: t5cw
　　二、校验验证码
　　输入验证码，并校验验证码是否正确。
　　实现：
　　1.在获取验证码的基础上，增加新的元件：
　　文本框，命名：输入验证码；
　　增加热区，命名为：具体提示信息，设置值为：正确，错误；
　　热区样式，初始化为隐藏。
　　元件设置完成，如下：
　　设置输入框用例：主要的作用就是为了检查每次输入完成之后，验证码是否正确，如果正确，则提示信息，显示为＂√＂，如果错误，则提示信息显示为＂×＂，添加＂按键松开时＂用例，即，每次输入完成，松开按键时完成用例。
　　验证信息为：
　　文字长度：if等于4，则正确，否则错误
　　文字内容：if 等于验证码内容则正确，否则错误
　　错误设置，如上。
　　最后，隐藏提示信息，略。
　　设置完的用例信息如下：
　　F5预览：
　　原形见连接，欢迎下载：
　　链接:https://pan.baidu.com/s/1XOSLO2lBpDocDaoeaiRlzQ 密码: 6a8c