使用Axure做验证码之获取验证码（一）

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

分析：

左图为矩形，主要展示验证码（本例设置4位验证码），其中验证码为字母和数字组合；

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

实现：

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

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

　　第一步：新增全局变量；

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

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

完成，点击“确定”

F5预览：

原形连接，欢迎下载。

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

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

使用Axure做验证码之获取验证码（一）相关推荐

web端登录需要验证码-python获取验证码数值
这两天在写脚本,首先登录之前带有验证码的(有时效性),postman工具只能口头计算出来才能进行请求.fiddler是直接可以获取到,考虑到请求方便性,就需要实时获取动态验证码的接口并得出验证码的值. ...
小程序：js获取验证码时（倒计时模块）
代码例子截图最近在上手开发小程序,发现其实小程序要比vue真的要简单太多了,有一套自己的html(WXML),css(WXSS),虽然有些标签不能直接沿用html5的标签来开发,不过内置的标签还是很好 ...
微信小程序验证码获取攻略：让你秒懂如何快速获取验证码
前言微信小程序作为移动互联网的一部分,受到了广泛的欢迎.但是,在使用微信小程序的过程中,获取验证码却是不可避免的一环.那么如何让获取验证码变得更加方便快捷?本文将为您介绍微信小程序获取验证码的方法, ...
通过webbrowser控件获取验证码
1.首先介绍下基本控件(拖控件大家都会,我就不一一介绍了),看下图: 2.添加MSHTML引用,步骤如下: 解决方案-右键"引用"-添加引用-在.NET下找到Microsoft. ...
iOS小技能：短信验证码的Checklist、格式校验、获取验证码处理流程（限制60s）
文章目录前言 I 实际应用的例子: 获取验证码(限制60s) 1.1 点击获取验证码处理 1.2 计时方法处理 II 格式正则校验 2.1 短信验证码格式正则校验 2.2 金额校验格式正则校验 II ...
输入手机号获取验证码的注册页面，说出测试过程
考察的点有两个,一个是对手机号格式和验证码格式的验证,一个是对验证码获取功能的验证. 基本原理:验证码1分钟内只能发一次,有效期10分钟.验证码是后台Java代码生成的,然后验证码生成时间和此验证码会 ...
Android实现获取验证码的倒计时功能
开发中经常会遇到获取短信验证码,获取验证码后需要等待1分钟倒计时,这段时间是不能再次发送短信请求的. 实现如下: CountDownTimerUtils.java package com.zhw.my ...
Vue 登录手机号、密码格式验证及验证码60s获取
直接上代码: <el-input v-model="phoneRegister" placeholder="请输入手机号"> </el-inp ...
获取验证码 60秒倒计时
获取验证码 60秒倒计时 html部分代码 <view><view class="mobile verification"><input v-mode ...

使用Axure做验证码之获取验证码（一）

使用Axure做验证码之获取验证码（一）相关推荐

最新文章

热门文章