验证码只能用一次吗给的是六位数字,只能打四位这是为什么

版权声明:本文为博主原创文章遵循 版权协议,转载请附上原文出处链接和本声明

   b.随机四个字符(字体,颜色大小)

//缓存字符,用于判断

//设置画笔为随机颜色

//将验證码只能用一次吗发送为浏览器


在互联网上无论是Web端还是移动端,因为安全验证的需要随机数验证码只能用一次吗随处可见。

这篇教程我就来和大家说说,如何获取随机数并通过随机数做出验證码只能用一次吗。

首先我们先来看看最终要实现的效果。

如上图所示这个随机数验证码只能用一次吗有以下特点:

1、包含数字、小寫字母和大写字母;

2、验证码只能用一次吗文字是一种手写体;

3、页面打开时,即显示验证码只能用一次吗;

5、验证码只能用一次吗位数為4位

6、点击验证码只能用一次吗时,能够获取新的验证码只能用一次吗

接下来,我们就根据以上特点来逐步实现这个效果

第一步,准备元件包括一个用于显示验证码只能用一次吗的矩形和一个写入所有字母与数字的文本标签。

第三步页面打开时,即显示验证码只能用一次吗;

我们在矩形“IdentifyingCode”的【更多事件】中找到【载入时】为其设置交互,添加动作为【设置文本】并勾选“当前元件”,然后點击【fx】按钮打开【编辑文本】的界面。

第四步验证码只能用一次吗是随机的;

想获取4位随机验证码只能用一次吗,我们先来想一想怎么获取1位随机验证码只能用一次吗?

这需要先了解怎么获取随机数。

在Axure中给我们提供了一个随机数的函数random()。

这个random()函数能够帮助峩们获取0~1之间的一个随机小数。

那么怎么通过这个函数获取整数随机数呢?

例如:12~33之间的随机整数怎么能够获取到

我们先来数一下12~33之間的数字一共有多少个?结果是22个

对于这个结果,我们只取整数的话那么,范围就是:0~21

在这个取值范围的基础上我们加上起始数12,朂终结果的范围就是:12~33

也就是说随机整数的公式是:向下取整(随机数*获取个数)+起始数

有了这个公式之后,我们的问题在于怎么向下取整

在Axure也给我们提供了向下取整函数floor(x),x为参数需要填入要取整的数值。

有了上面的这些函数和公式接下来,我们要考虑如何从准备恏的文本标签“Chars”的元件文字中随机获取字符

这里还要用到一个函数charAt(index),这个函数能够获取字符串中指定位置的字符很显然参数index是要获取的字符的位置。

那么大小写字母以及数字一共是......

等会儿,我数数......

62个字符组成的字符串字符位置是从0~61,也就是说我们对字符串取随機位置的字符时,位置的计算公式是:向下取整(随机数*62)

所以我们在【编辑文本】的界面中,先通过一个局部变量c获取到文本标签“Chars”的元件文字然后在变量c中取随机位置的字符,具体公式为:[[c.charAt(Math.floor(Math.random()*62))]]

第五步验证码只能用一次吗位数为4位。

我们把能够获取1位随机字符的公式复制在后方粘贴3次。

这样每一个公式都能够获取1个随机验证码只能用一次吗然后,连接到一起形成4位验证码只能用一次吗。

第六步点击验证码只能用一次吗时,能够获取新的验证码只能用一次吗

我们将刚才在元件【载入时】设置的交互,复制到元件的【鼠标单擊时】这样在点击元件的时候,就也能获取验证码只能用一次吗了

通过以上步骤,我们就完成了包含大小写字母以及数字的随机数验證码只能用一次吗

最后,邀请大家关注微信订阅号“iaxure”(二维码在本站首页右上方)及时获取本站最新动态内容。

小楼老师全新打造Axure RP 9精品课程以独有的教学方法与技巧,帮助你以最短的时间高效的完成学习目标

    这说明你手机上安装了或者安装過Google并成功登录了需要你从手机上查看验证码只能用一次吗

    你对这个回答的评价是?

我要回帖

更多关于 验证码只能用一次吗 的文章

 

随机推荐