微信小程序?qū)崿F(xiàn)點(diǎn)擊生成隨機(jī)驗(yàn)證碼
本文實(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í)有所幫助,也希望大家多多支持腳本之家。
- 微信小程序綁定手機(jī)號(hào)獲取驗(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)證碼獲取倒計(jì)時(shí)效果
- 微信小程序 功能函數(shù)小結(jié)(手機(jī)號(hào)驗(yàn)證*、密碼驗(yàn)證*、獲取驗(yàn)證碼*)
- 微信小程序?qū)崿F(xiàn)倒計(jì)時(shí)60s獲取驗(yàn)證碼
相關(guān)文章
小程序?qū)崿F(xiàn)簡(jiǎn)單分頁(yè)組件
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)簡(jiǎn)單分頁(yè)組件,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-08-08JavaScript 聯(lián)動(dòng)的無(wú)限級(jí)封裝類,數(shù)據(jù)采用非Ajax方式,隨意添加聯(lián)動(dòng)
JavaScript 聯(lián)動(dòng)的無(wú)限級(jí)封裝類,數(shù)據(jù)采用非Ajax方式,隨意添加聯(lián)動(dòng)2010-06-06js防刷新的倒計(jì)時(shí)代碼 js倒計(jì)時(shí)代碼
這篇文章主要為大家詳細(xì)介紹了js防刷新的倒計(jì)時(shí)代碼,js倒計(jì)時(shí)的實(shí)現(xiàn)代碼,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-09-09javascript如何實(shí)現(xiàn)360度全景照片問(wèn)題匯總
這篇文章主要為大家詳細(xì)匯總了javascript如何實(shí)現(xiàn)360度全景照片問(wèn)題,感興趣的朋友可以參考一下2016-04-04詳解JavaScript基礎(chǔ)知識(shí)(JSON、Function對(duì)象、原型、引用類型)
這篇文章主要介紹了JavaScript基礎(chǔ)知識(shí)(JSON、Function對(duì)象、原型、引用類型)的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2018-01-01