利用axure做原型图——登录界面验证码的实现

第一步:准备好相关的部件,拖入一个矩形框至设计区域,矩形框中默认输入R8UW;
第二步:选中矩形框,选择鼠标单击事件,选择设置变量新增动作,配置动作中选择新增变量,新增全局变量random_str,并给予赋值ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789(验证码就是从这里随机抽取)
这里写图片描述

第三步:给验证码矩形框随机赋值,配置动作选中验证码矩形框,下方的文本赋值中,点击fx,插入字符串函数[[random_str.substr(random_str.length*Math.random(),1)]],插入4遍,每一遍之间用空格隔开,这段函数表达的是从全局变量那一串内容中,随机抽取一个字符,插入4遍,即表示抽取4个字符。将用例复制到矩形框单击事件中。
这里写图片描述
这里写图片描述
预览刷新,即可看到点击验证码矩形框随机出现验证码的效果。

美中不足的是,验证码只有纯文本形式,没有干扰元素,制作验证码的方法有待继续研究
……

  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值