微信小程序实现点击生成随机验证码功能
2023-02-18 16:30:15 时间
效果图
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.setData({
code
})
}
})
相关文章
- 使用JQuery和bootstrap-select实现世界城市的三级联动(中英互译)
- AnyMP4 iOS Cleaner for mac(IOS文件清理工具)v1.0.16激活版
- 药物互助小程序的120个小时
- Android平台GB28181设备接入端如何实时更新经纬度实现国标平台侧电子地图位置标注
- Android 子线程 UI 操作真的不可以?
- 移动安全-安卓frida hook基础篇
- 微信开放Donut,我们的App也能像微信跑小程序了
- Android Activity Deeplink启动来源获取源码分析
- Android构建工具--AAPT2源码解析(一)
- Android模块化开发实践
- 手把手教你实现Android编译期注解
- 打通“任督二脉”:Android 应用安装优化实战
- Android系统Bitmap内存分配原理与优化
- Android客户端网络预连接优化机制探究
- Android内存泄露检测 LeakCanary2.0(Kotlin版)的实现原理
- 存量用户运营企业微信的“用户端小程序”优化方案
- 一文帮你搞懂 Android 文件描述符
- Android NativeCrash 捕获与解析
- axios的简单使用
- IDEA整合Android