微信小程序点击生成验证码 微信小程序实现点击生成随机验证码
孙伟涛 人气:0想了解微信小程序实现点击生成随机验证码的相关内容吗，孙伟涛在本文为您仔细讲解微信小程序点击生成验证码的相关知识和一些Code实例，欢迎阅读和指正，我们先划重点：微信小程序点击生成验证码,小程序点击生成验证码,微信小程序生成验证码，下面大家一起来学习吧。
效果图
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
})
}
})
加载全部内容