微信小程序?qū)崿F(xiàn)點(diǎn)擊生成隨機(jī)驗(yàn)證碼
更新時間:2020年09月09日 14:19:33 作者:孫偉濤
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)點(diǎn)擊生成隨機(jī)驗(yàn)證碼,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
本文實(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)入頁面就調(diào)用方法 創(chuàng)建一個隨機(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)證碼長度 //設(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í)有所幫助,也希望大家多多支持腳本之家。
您可能感興趣的文章:
- 微信小程序綁定手機(jī)號獲取驗(yàn)證碼功能
- 詳解如何使用微信小程序云函數(shù)發(fā)送短信驗(yàn)證碼
- 微信小程序發(fā)送短信驗(yàn)證碼完整實(shí)例
- 微信小程序?qū)崿F(xiàn)隨機(jī)驗(yàn)證碼功能
- 微信小程序?qū)崿F(xiàn)發(fā)送驗(yàn)證碼按鈕效果
- 微信小程序如何獲取手機(jī)驗(yàn)證碼
- 微信小程序6位或多位驗(yàn)證碼密碼輸入框功能的實(shí)現(xiàn)代碼
- 微信小程序?qū)崿F(xiàn)驗(yàn)證碼獲取倒計時效果
- 微信小程序 功能函數(shù)小結(jié)(手機(jī)號驗(yàn)證*、密碼驗(yàn)證*、獲取驗(yàn)證碼*)
- 微信小程序?qū)崿F(xiàn)倒計時60s獲取驗(yàn)證碼
相關(guān)文章
JavaScript 聯(lián)動的無限級封裝類,數(shù)據(jù)采用非Ajax方式,隨意添加聯(lián)動
JavaScript 聯(lián)動的無限級封裝類,數(shù)據(jù)采用非Ajax方式,隨意添加聯(lián)動2010-06-06javascript如何實(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