微信小程序实现点击生成随机验证码


Posted in Javascript onSeptember 09, 2020

本文实例为大家分享了微信小程序实现点击生成随机验证码的具体代码,供大家参考,具体内容如下

效果图

微信小程序实现点击生成随机验证码

wxml

<view bindtap="getCode">{{ code }}</view>

js

Page({
data: {
 code: ''
},
onLoad() {
 //进入页面就调用方法 创建一个随机验证码
 this.createCode()
},

getCode() {
 //点击调用创建验证码方法
 this.createCode()
},

//创建随机验证码方法
createCode() {
 let code = ''; //初始化验证码
 let codeLength = 6; //设置验证码长度
 //设置随机字符
 let txt = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z');
 //循环
 for(let i = 0; i < codeLength; i++) {
 //设置随机数范围
 let index = Math.floor(Math.random() * 36);
 code += txt[index];
 }
 //动态设置数据
 this.setDate({
 code
 }) 
}
})

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
在修改准备发的批量美化select+可修改select时,在非IE下发现了几个问题
Jan 09 Javascript
用javascript控制iframe滚动的代码
Apr 10 Javascript
在网页里看flash的trace数据的js类
Jan 10 Javascript
jquery的相对父元素和相对文档定位示例代码
Aug 02 Javascript
html向js方法传递参数具体实现
Aug 08 Javascript
seaJs的模块定义和模块加载浅析
Jun 06 Javascript
搭建pomelo 开发环境
Jun 24 Javascript
JavaScript数据类型学习笔记分享
Sep 01 Javascript
vue2.0父子组件及非父子组件之间的通信方法
Jan 21 Javascript
JavaScript中undefined和null的区别
May 03 Javascript
使用Taro实现小程序商城的购物车功能模块的实例代码
Jun 05 Javascript
小程序实现侧滑删除功能
Jun 25 Javascript
vue 获取元素额外生成的data-v-xxx操作
Sep 09 #Javascript
vue移动端写的拖拽功能示例代码
Sep 09 #Javascript
vue路由的配置和页面切换详解
Sep 09 #Javascript
JavaScript 实现下雪特效的示例代码
Sep 09 #Javascript
在Vue中获取自定义属性方法:data-id的实例
Sep 09 #Javascript
vue+高德地图实现地图搜索及点击定位操作
Sep 09 #Javascript
vue实现几秒后跳转新页面代码
Sep 09 #Javascript
You might like
ubuntu 编译安装php 5.3.3+memcache的方法
2010/08/05 PHP
遍历DOM对象内的元素属性示例代码
2014/02/08 Javascript
分享十五款 jQuery 社交网络分享插件
2015/05/16 Javascript
javascript中for/in循环及使用技巧
2015/09/01 Javascript
BootStrap 轮播插件(carousel)支持左右手势滑动的方法(三种)
2016/07/07 Javascript
Angular 4.x中表单Reactive Forms详解
2017/04/25 Javascript
Mac系统下Webstorm快捷键整理大全
2017/05/28 Javascript
vuex的使用及持久化state的方式详解
2018/01/23 Javascript
vue element table 表格请求后台排序的方法
2018/09/28 Javascript
vue element-ui table组件动态生成表头和数据并修改单元格格式 父子组件通信
2019/08/15 Javascript
vue 解决provide和inject响应的问题
2020/11/12 Javascript
python调用短信猫控件实现发短信功能实例
2014/07/04 Python
Python入门篇之函数
2014/10/20 Python
用Python编写一个简单的俄罗斯方块游戏的教程
2015/04/03 Python
Python中isnumeric()方法的使用简介
2015/05/19 Python
详解python如何调用C/C++底层库与互相传值
2016/08/10 Python
Python实现图片转字符画的示例代码
2017/08/21 Python
python中利用await关键字如何等待Future对象完成详解
2017/09/07 Python
python 通过 socket 发送文件的实例代码
2018/08/14 Python
Python中GeoJson和bokeh-1的使用讲解
2019/01/03 Python
python3的url编码和解码,自定义gbk、utf-8的例子
2019/08/22 Python
Python中BeautifuSoup库的用法使用详解
2019/11/15 Python
Python语言异常处理测试过程解析
2020/01/08 Python
python使用隐式循环快速求和的实现示例
2020/09/11 Python
简单介绍CSS3中Media Query的使用
2015/07/07 HTML / CSS
Fanatics法国官网:美国体育电商
2019/08/27 全球购物
杠杆的科学教学反思
2014/01/10 职场文书
廉洁教育学习材料
2014/05/19 职场文书
学校与家长安全责任书
2014/07/23 职场文书
师德师风的心得体会
2014/09/02 职场文书
村委会贫困证明范本
2014/09/17 职场文书
党政领导班子民主生活会整改措施
2014/09/18 职场文书
2014幼儿园中班工作总结
2014/11/10 职场文书
春节随笔
2015/08/15 职场文书
2016应届毕业生就业指导课心得体会
2016/01/15 职场文书
2019通用版新员工入职培训方案!
2019/07/11 职场文书