微信小程序?qū)崿F(xiàn)點(diǎn)擊生成隨機(jī)驗證碼
更新時間：2020年09月09日 14:19:33 作者：孫偉濤
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)點(diǎn)擊生成隨機(jī)驗證碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
本文實(shí)例為大家分享了微信小程序?qū)崿F(xiàn)點(diǎn)擊生成隨機(jī)驗證碼的具體代碼，供大家參考，具體內(nèi)容如下
效果圖
wxml
<view bindtap="getCode">{{ code }}</view>
js
Page({
data: {
code: ''
},
onLoad() {
//進(jìn)入頁面就調(diào)用方法 創(chuàng)建一個隨機(jī)驗證碼
this.createCode()
},
getCode() {
//點(diǎn)擊調(diào)用創(chuàng)建驗證碼方法
this.createCode()
},
//創(chuàng)建隨機(jī)驗證碼方法
createCode() {
let code = ''; //初始化驗證碼
let codeLength = 6; //設(shè)置驗證碼長度
//設(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];
}
//動態(tài)設(shè)置數(shù)據(jù)
this.setDate({
code
})
}
})
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)簡單分頁組件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-08-08
這篇文章主要介紹了js加載讀取內(nèi)容及顯示與隱藏div的方法,需要的朋友可以參考下2014-02-02
JavaScript 聯(lián)動的無限級封裝類,數(shù)據(jù)采用非Ajax方式,隨意添加聯(lián)動
JavaScript 聯(lián)動的無限級封裝類,數(shù)據(jù)采用非Ajax方式,隨意添加聯(lián)動2010-06-06
這篇文章主要介紹了微信小程序自定義組件components知識，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下2019-10-10
這篇文章主要介紹了js中函數(shù)調(diào)用的兩種常用方法使用,需要的朋友可以參考下2014-07-07
以下以 IE 代替 Internet Explorer，以 MF 代替 Mozzila FF,對于js愛好者必看的一些知識總結(jié)。2009-02-02
這篇文章主要為大家詳細(xì)介紹了js防刷新的倒計時代碼，js倒計時的實(shí)現(xiàn)代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-09-09
javascript如何實(shí)現(xiàn)360度全景照片問題匯總
這篇文章主要為大家詳細(xì)匯總了javascript如何實(shí)現(xiàn)360度全景照片問題，感興趣的朋友可以參考一下2016-04-04
詳解JavaScript基礎(chǔ)知識（JSON、Function對象、原型、引用類型）
這篇文章主要介紹了JavaScript基礎(chǔ)知識（JSON、Function對象、原型、引用類型）的相關(guān)資料，非常不錯，具有參考借鑒價值，需要的朋友可以參考下2018-01-01
這篇文章主要介紹了TypeScript 泛型的使用，在JavaScript中，封裝一個API可以具有多種用途，因為其實(shí)弱類型語言，但是就因為是弱類型可以最終得到的結(jié)果并不是我們想要的，下面我們就來看看具體TypeScript 泛型的使用吧2021-12-12