微信小程序實現點擊生成隨機驗證碼
更新時間：2020年09月09日 14:19:33 作者：孫偉濤
這篇文章主要為大家詳細介紹了微信小程序實現點擊生成隨機驗證碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
本文實例為大家分享了微信小程序實現點擊生成隨機驗證碼的具體代碼，供大家參考，具體內容如下
效果圖
wxml
<view bindtap="getCode">{{ code }}</view>
js
Page({
data: {
code: ''
},
onLoad() {
//進入頁面就調用方法 創(chuàng)建一個隨機驗證碼
this.createCode()
},
getCode() {
//點擊調用創(chuàng)建驗證碼方法
this.createCode()
},
//創(chuàng)建隨機驗證碼方法
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');
//循環(huán)
for(let i = 0; i < codeLength; i++) {
//設置隨機數范圍
let index = Math.floor(Math.random() * 36);
code += txt[index];
}
//動態(tài)設置數據
this.setDate({
code
})
}
})
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
在JavaScript中，判斷兩個對象是否相等有多種方法，取決于你對相等的定義以及對象屬性的類型，本文將介紹幾種常見的方法，感興趣的同學可以參考閱讀2023-05-05
脫敏指的是通過特定的技術手段對敏感數據進行處理,使其不再直接暴露給用戶或系統(tǒng),防止敏感信息泄露,通常在測試、開發(fā)、數據處理等場景中使用,本文給大家介紹了JS實現手機號脫敏的方法,需要的朋友可以參考下2025-03-03
這篇文章主要為大家詳細介紹了MvcPager分頁控件，修改后適用于Bootstrap，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
jquery pagination插件動態(tài)分頁實例(Bootstrap分頁)
這篇文章主要為大家分享了Bootstrap靜態(tài)分頁和jquery pagination插件動態(tài)分頁兩個實例，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
本文將詳細介紹JavaScript中“+”的一些錯誤應用，需要的朋友可以參考下2012-12-12
bootstrap3 dialog 更強大、更靈活的模態(tài)框
這篇文章主要介紹了bootstrap3 dialog 更強大、更靈活的模態(tài)框,本文通過效果展示實例代碼詳解，需要的朋友可以參考下2017-04-04
今天小編就為大家分享一篇解決layui laydate 時間控件一閃而過的問題，具有好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要為大家詳細介紹了layUI實現前端分頁和后端分頁，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07
這篇文章提供了南海區(qū)域地圖加載以及氣象站點標注的詳細步驟,首先通過DataV.GeoAtlas地理小工具下載南海區(qū)域的JSON地圖文件,接著使用Echarts進行地圖的展示,可以選擇是否顯示省下所有市的名字,需要的朋友可以參考下2024-09-09
JavaScript中 ?、!和?? 的用法及區(qū)別詳解
在JavaScript中,?., !., 和 ?? 是三個不同的操作符,各自有不同的用途,旨在提高代碼的簡潔性和安全性,尤其是在處理可能的null或undefined值時,下面分別解釋這三個操作符的用法,需要的朋友可以參考下2024-10-10