1. 程式人生 > 程式設計 >微信小程式實現點選生成隨機驗證碼

微信小程式實現點選生成隨機驗證碼

本文例項為大家分享了微信小程式實現點選生成隨機驗證碼的具體程式碼,供大家參考,具體內容如下

效果圖

微信小程式實現點選生成隨機驗證碼

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

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支援我們。