TreeMind树图在线AI思维导图
当前位置:树图思维导图模板IT互联网互联网干货Axure:获取、校验验证码的原型实现方法思维导图

Axure:获取、校验验证码的原型实现方法思维导图

  收藏
  分享
免费下载
免费使用文件
待我归兮 浏览量:52023-03-02 11:11:17
已被使用0次
查看详情Axure:获取、校验验证码的原型实现方法思维导图

本文分享了获取、校验验证码的原型设计方法,希望对想学习Axure的伙伴们有帮助。

树图思维导图提供 Axure:获取、校验验证码的原型实现方法 在线思维导图免费制作,点击“编辑”按钮,可对 Axure:获取、校验验证码的原型实现方法  进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:6fbb30fd16ca6d2c5aff5237bdcb4c8f

思维导图大纲

Axure:获取、校验验证码的原型实现方法思维导图模板大纲

本文分享了获取、校验验证码的原型设计方法,希望对想学习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

相关思维导图模板

科技计划项目资金预算编制总体要求的学习和整理思维导图

树图思维导图提供 科技计划项目资金预算编制总体要求的学习和整理 在线思维导图免费制作,点击“编辑”按钮,可对 科技计划项目资金预算编制总体要求的学习和整理  进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:49470946de6296e1813ed1ed5efc14ba

分析传统文化进行创新设计的优秀作品思维导图

树图思维导图提供 分析传统文化进行创新设计的优秀作品 在线思维导图免费制作,点击“编辑”按钮,可对 分析传统文化进行创新设计的优秀作品  进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:b10e0023950f5b8b1cd58ca2e19944cc