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


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 相关文章推荐
javascript动态加载实现方法一
Aug 22 Javascript
通过正则格式化url查询字符串实现代码
Dec 28 Javascript
Jquery中CSS选择器用法分析
Feb 10 Javascript
AngularJS中的API(接口)简单实现
Jul 28 Javascript
JavaScript中的对象继承关系
Aug 01 Javascript
实现隔行换色效果的两种方式【实用】
Nov 27 Javascript
javascript 定时器工作原理分析
Dec 03 Javascript
BootStrapValidator校验方式
Dec 19 Javascript
微信小程序如何获取用户手机号
Jan 26 Javascript
vue和webpack打包项目相对路径修改的方法
Jun 15 Javascript
JavaScript 作用域scope简单汇总
Oct 23 Javascript
JS 事件机制完整示例分析
Jan 15 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
php实现图片文件与下载文件防盗链的方法
2014/11/03 PHP
Laravel5中Cookie的使用详解
2017/05/03 PHP
PHP实现简单计算器小程序
2020/08/28 PHP
PHP安装BCMath扩展的方法
2019/02/13 PHP
PHP MVC框架中类的自动加载机制实例分析
2019/09/18 PHP
PHP 观察者模式深入理解与应用分析
2019/09/25 PHP
基于IE下ul li 互相嵌套时的bug,排查,解决过程以及心得介绍
2013/05/07 Javascript
JS实现一个列表中包含上移下移删除等功能
2014/09/24 Javascript
JavaScript中return false的用法
2015/03/12 Javascript
javascript实现label标签跳出循环操作
2016/03/06 Javascript
浅谈JavaScript中变量和函数声明的提升
2016/08/09 Javascript
js实现登录验证码
2016/12/22 Javascript
Bootstrap 表单验证formValidation 实现表单动态验证功能
2017/05/17 Javascript
浅谈Angular2 ng-content 指令在组件中嵌入内容
2017/08/18 Javascript
vue-cli和v-charts实现可视化图表过程解析
2019/10/08 Javascript
微信小程序实现电子签名功能
2020/07/29 Javascript
原生JS实现音乐播放器的示例代码
2021/02/25 Javascript
[01:43]3.19DOTA2发布会 三代刀塔人第三代
2014/03/25 DOTA
图文讲解选择排序算法的原理及在Python中的实现
2016/05/04 Python
Python机器学习库scikit-learn安装与基本使用教程
2018/06/25 Python
python 找出list中最大或者最小几个数的索引方法
2018/10/30 Python
解决python执行不输出系统命令弹框的问题
2019/06/24 Python
解决pycharm启动后总是不停的updating indices...indexing的问题
2019/11/27 Python
Pandas+Matplotlib 箱式图异常值分析示例
2019/12/09 Python
基于h5py的使用及数据封装代码
2019/12/26 Python
Python SMTP配置参数并发送邮件
2020/06/16 Python
html5 canvas里绘制椭圆并保持线条粗细均匀的技巧
2013/03/25 HTML / CSS
美国购车网站:TrueCar
2016/10/19 全球购物
拉丁舞学习者的自我评价
2013/10/27 职场文书
在职党员进社区活动总结
2014/07/05 职场文书
2015年幼儿园安全工作总结
2015/05/12 职场文书
青涩记忆观后感
2015/06/18 职场文书
2016小学优秀教师先进事迹材料
2016/02/26 职场文书
mysql 联合索引生效的条件及索引失效的条件
2021/11/20 MySQL
python使用shell脚本创建kafka连接器
2022/04/29 Python
SQL Server中使用表变量和临时表
2022/05/20 SQL Server