使用Axure做验证码之校验验证码(二)

本次作业,输入验证码,并校验验证码是否正确。上篇文章,介绍了如何获取验证码,本次作业在上次作业的基础上,做进一步的深究。

1.在上次作业中,增加新的元件:

  文本框,命名:输入验证码;

  增加热区,命名为:具体提示信息,设置值为:正确,错误

  

  热区样式,初始化为隐藏

  

 

 

元件设置完成,如下:

 

实现步骤:

设置输入框用例:主要的作用就是为了检查每次输入完成之后,验证码是否正确,如果正确,则提示信息,显示为“√”,如果错误,则提示信息显示为“×”,添加“按键松开时”用例,即,每次输入完成,松开按键时完成用例。

验证信息为:

  1.文字长度:if等于4,则正确,否则错误

  2.文字内容:if 等于验证码内容则正确,否则错误

 

 

 

 

 

 错误设置,如上。

 最后,隐藏提示信息,略。

设置完的用例信息如下:

预览:

原形见连接,欢迎下载:

链接: https://pan.baidu.com/s/1XOSLO2lBpDocDaoeaiRlzQ 密码: 6a8c

 

转载于:https://www.cnblogs.com/catherine9192/p/9358790.html

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值