Axure80实例:简单实用的验证码
来源:http://www.lxzxhn.com 责任编辑:ag88.com 更新日期:2019-01-19 16:24

  有两个状态,一个是输入的验证码正确,一个是错误,且默认隐藏,起名“提示信息”;

  1、页面用例。在进入页面时,首先要有个验证码的,所以给页面添加“页面载入时”用例,目的是在进入页面时就能动态生成一个验证码(例子中的验证码为4位,各位看官可以自行设计);

  ①首先通过随机获取“OnLoadVariable”变量中的一位字符,然后将获取的字符赋值给“yzm”变量。获取“OnLoadVariable”变量的一位字符通过数学函数Math.random()和字符串函数substr()联合使用得到的。这里要注意一下,因为“OnLoadVariable”变量的初始值是“0~z”共36位,所以我们要截取“OnLoadVariable”的一位字符就必须是下标为“0~35”的整数,所以使用数学函数Math.floor()向下取整,这样刚刚好能取到“0~35”之间的所有整数。有一点需要注意的是:每一次赋值给“yzm”变量的时候,都是在原来的基础上增加了新截取的一位字符,所以需要把“yzm”原来的值加上新获取的字符一起赋给“yzm”。

  2、输入框用例。用于判断输入验证码是否正确,添加“按键松开时”用例,通过“输入框”文字长度和文字内容是否等于“验证码”矩形框文字内容判定。

  3、换一张用例。更换验证码的作用,实现起来相当的容易,首先把“验证码”、“输入框”和“yzm”的值都清空,尊龙人生就是博。并且隐藏掉“提示信息”动态面板,然后直接“触发事件”到页面的“页面载入时”即可,这样就直接执行页面的“页面载入时”用例,新的验证码就出现了;

  人人都是产品经理(是以产品经理、运营为核心的学习、交流、分享平台,集媒体、培训、招聘、社群为一体,全方位服务产品人和运营人,成立8年举办在线+期,线+场,产品经理大会、运营大会20+场,覆盖北上广深杭成都等15个城市,在行业有较高的影响力和知名度。平台聚集了众多BAT美团京东滴滴360小米网易等知名互联网公司产品总监和运营总监,他们在这里分享知识、2017数字营销案例TOP100新鲜出炉互动通案例榜上。招聘人才,与你一起成长。

Copyright © 2013 ag88.com,环亚娱乐ag88手机版,ag娱乐官方网站,环亚国际手机登录 All Rights Reserved