快捷導(dǎo)航

微信小程序?qū)崿F(xiàn)點(diǎn)擊生成隨機(jī)驗(yàn)證碼

更新時(shí)間：2020年09月09日 14:19:33 作者：孫偉濤

這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)點(diǎn)擊生成隨機(jī)驗(yàn)證碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了微信小程序?qū)崿F(xiàn)點(diǎn)擊生成隨機(jī)驗(yàn)證碼的具體代碼，供大家參考，具體內(nèi)容如下

效果圖

wxml

<view bindtap="getCode">{{ code }}</view>

js

Page({
data: {
 code: ''
},
onLoad() {
 //進(jìn)入頁(yè)面就調(diào)用方法 創(chuàng)建一個(gè)隨機(jī)驗(yàn)證碼
 this.createCode()
},

getCode() {
 //點(diǎn)擊調(diào)用創(chuàng)建驗(yàn)證碼方法
 this.createCode()
},

//創(chuàng)建隨機(jī)驗(yàn)證碼方法
createCode() {
 let code = ''; //初始化驗(yàn)證碼
 let codeLength = 6; //設(shè)置驗(yàn)證碼長(zhǎng)度
 //設(shè)置隨機(jī)字符
 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');
 //循環(huán)
 for(let i = 0; i < codeLength; i++) {
 //設(shè)置隨機(jī)數(shù)范圍
 let index = Math.floor(Math.random() * 36);
 code += txt[index];
 }
 //動(dòng)態(tài)設(shè)置數(shù)據(jù)
 this.setDate({
 code
 }) 
}
})

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

在JS中判斷兩個(gè)對(duì)象是否相等方法詳解
在JavaScript中，判斷兩個(gè)對(duì)象是否相等有多種方法，取決于你對(duì)相等的定義以及對(duì)象屬性的類(lèi)型，本文將介紹幾種常見(jiàn)的方法，感興趣的同學(xué)可以參考閱讀
2023-05-05
JS實(shí)現(xiàn)手機(jī)號(hào)脫敏的方法詳解
脫敏指的是通過(guò)特定的技術(shù)手段對(duì)敏感數(shù)據(jù)進(jìn)行處理,使其不再直接暴露給用戶或系統(tǒng),防止敏感信息泄露,通常在測(cè)試、開(kāi)發(fā)、數(shù)據(jù)處理等場(chǎng)景中使用,本文給大家介紹了JS實(shí)現(xiàn)手機(jī)號(hào)脫敏的方法,需要的朋友可以參考下
2025-03-03
MvcPager分頁(yè)控件適用于Bootstrap
這篇文章主要為大家詳細(xì)介紹了MvcPager分頁(yè)控件，修改后適用于Bootstrap，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-06-06
jquery pagination插件動(dòng)態(tài)分頁(yè)實(shí)例(Bootstrap分頁(yè))
這篇文章主要為大家分享了Bootstrap靜態(tài)分頁(yè)和jquery pagination插件動(dòng)態(tài)分頁(yè)兩個(gè)實(shí)例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-12-12
JavaScript中“+”的陷阱深刻理解
本文將詳細(xì)介紹JavaScript中“+”的一些錯(cuò)誤應(yīng)用，需要的朋友可以參考下
2012-12-12
bootstrap3 dialog 更強(qiáng)大、更靈活的模態(tài)框
這篇文章主要介紹了bootstrap3 dialog 更強(qiáng)大、更靈活的模態(tài)框,本文通過(guò)效果展示實(shí)例代碼詳解，需要的朋友可以參考下
2017-04-04
解決layui laydate 時(shí)間控件一閃而過(guò)的問(wèn)題
今天小編就為大家分享一篇解決layui laydate 時(shí)間控件一閃而過(guò)的問(wèn)題，具有好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2019-09-09
layUI實(shí)現(xiàn)前端分頁(yè)和后端分頁(yè)
這篇文章主要為大家詳細(xì)介紹了layUI實(shí)現(xiàn)前端分頁(yè)和后端分頁(yè)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-07-07
echarts加載區(qū)域地圖并標(biāo)注點(diǎn)的簡(jiǎn)單步驟
這篇文章提供了南海區(qū)域地圖加載以及氣象站點(diǎn)標(biāo)注的詳細(xì)步驟,首先通過(guò)DataV.GeoAtlas地理小工具下載南海區(qū)域的JSON地圖文件,接著使用Echarts進(jìn)行地圖的展示,可以選擇是否顯示省下所有市的名字,需要的朋友可以參考下
2024-09-09
JavaScript中 ?、!和?? 的用法及區(qū)別詳解
在JavaScript中,?., !., 和 ?? 是三個(gè)不同的操作符,各自有不同的用途,旨在提高代碼的簡(jiǎn)潔性和安全性,尤其是在處理可能的null或undefined值時(shí),下面分別解釋這三個(gè)操作符的用法,需要的朋友可以參考下
2024-10-10