使用Axure做验证码之获取验证码(一)

本次作业,制作验证码,仅完成获取验证码操作,如下:

 

分析:

左图为矩形,主要展示验证码(本例设置4位验证码),其中验证码为字母和数字组合;

右图为文本输入框,主要设置点击事件,即点击文本文字,矩形框中的验证码随机出现四位值;

 

实现:

 1.准备相关部件:矩形1,命名为“验证码”,随意输入四个值,中间用空格隔开;文本标签,命名为“换一张”,字体随意设置,如下:

2.选择文本标签,设置鼠标点击事件。

  第一步:新增全局变量;

  第二步,设置全局变量值ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789

  第三步,设置验证码元件文本值,点击FX,插入字符串函数[[全局变量.substr(全局变量.length*Math.random(),1)]],输入四次,中间用空格隔开

 

 

完成,点击“确定”

F5预览:

原形连接,欢迎下载。

链接: https://pan.baidu.com/s/119S-ERhKMbetLrjCH7pSUg 密码: t5cw

 

posted @ 2018-07-24 10:25  努力的喵喵喵  阅读(5240)  评论(0编辑  收藏  举报