×

微信小程序:随机生成验证码功能

作者:andy0012020.10.15来源:Web前端之家浏览:10513评论:1
关键词:js微信小程序

微信小程序:随机生成验证码功能,一起了解下。直接上DEMO。

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
     }) 
    }
})

您的支持是我们创作的动力!
温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://www.jiangweishan.com/article/xiaocheg8094823094809.html

网友评论文明上网理性发言 已有1人参与

发表评论:

评论列表