|
導(dǎo)讀微信小程序,簡(jiǎn)稱(chēng)小程序,英文名Mini Program,是一種不需要下載安裝即可使用的應(yīng)用,它實(shí)現(xiàn)了應(yīng)用“觸手可及”的夢(mèng)想,用戶(hù)掃一掃或搜一下即可打開(kāi)應(yīng)用。小程序是一種不用下載就能使用的應(yīng)用,也是一... 微信小程序,簡(jiǎn)稱(chēng)小程序,英文名Mini Program,是一種不需要下載安裝即可使用的應(yīng)用,它實(shí)現(xiàn)了應(yīng)用“觸手可及”的夢(mèng)想,用戶(hù)掃一掃或搜一下即可打開(kāi)應(yīng)用。小程序是一種不用下載就能使用的應(yīng)用,也是一項(xiàng)門(mén)檻非常高的創(chuàng)新,經(jīng)過(guò)將近兩年的發(fā)展,已經(jīng)構(gòu)造了新的小程序開(kāi)發(fā)環(huán)境和開(kāi)發(fā)者生態(tài)。 本篇文章給大家?guī)?lái)的內(nèi)容是關(guān)于微信小程序?qū)嵗簩?shí)現(xiàn)隨機(jī)驗(yàn)證碼(附代碼) ,有一定的參考價(jià)值,有需要的朋友可以參考一下,希望對(duì)你有所幫助。小程序上經(jīng)常會(huì)有一些注冊(cè) 申請(qǐng)頁(yè)面需要用到隨機(jī)驗(yàn)證碼。具體實(shí)現(xiàn)方法不多說(shuō) 直接上代碼 <view class='yanzhengma'>
<text class='left'>{{code}}</text>
<text class='right' bindtap='huanyizhang'>換一張</text>
</view>.yanzhengma {
height: 100rpx;
display: flex;
align-items: center;
justify-content: center;
}
.yanzhengma .left {
font-family: Arial;
font-style: italic;
font-weight: bold;
border: 0;
letter-spacing: 3px;
font-size: 18px;
background-color: #ccc;
padding: 10rpx;
margin-right: 20rpx;
color: blue;
}Page({
data: {
},
/**
* 生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面加載
*/
onLoad: function(options) {
//剛進(jìn)入頁(yè)面隨機(jī)先獲取一個(gè)
this.createCode()
},
huanyizhang(){
this.createCode()
},
createCode() {
var code;
//首先默認(rèn)code為空字符串
code = '';
//設(shè)置長(zhǎng)度,這里看需求,我這里設(shè)置了4
var codeLength = 4;
//設(shè)置隨機(jī)字符
var random = 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)codeLength 我設(shè)置的4就是循環(huán)4次
for (var i = 0; i < codeLength; i++) {
//設(shè)置隨機(jī)數(shù)范圍,這設(shè)置為0 ~ 36
var index = Math.floor(Math.random() * 36);
//字符串拼接 將每次隨機(jī)的字符 進(jìn)行拼接
code += random[index];
}
//將拼接好的字符串賦值給展示的code
this.setData({
code: code
})
},
})相關(guān)推薦: 微信小程序?qū)嵗喝绾悟?yàn)證碼的倒計(jì)時(shí)計(jì)數(shù)(代碼) 微信小程序?qū)嵗喝绾潍@取和渲染數(shù)據(jù)(附代碼) 以上就是微信小程序?qū)嵗簩?shí)現(xiàn)隨機(jī)驗(yàn)證碼(附代碼)的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章! 小程序是一種不需要下載安裝即可使用的應(yīng)用,它實(shí)現(xiàn)了應(yīng)用“觸手可及”的夢(mèng)想,用戶(hù)掃一掃或者搜一下即可打開(kāi)應(yīng)用。 |
溫馨提示:喜歡本站的話(huà),請(qǐng)收藏一下本站!