這篇文章主要介紹微信小程序怎樣實(shí)現(xiàn)隨機(jī)驗(yàn)證碼，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)！專注于網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、重慶小程序開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了古浪免費(fèi)建站歡迎大家使用！

小程序上經(jīng)常會(huì)有一些注冊 申請頁面需要用到隨機(jī)驗(yàn)證碼。具體實(shí)現(xiàn)方法不多說 直接上代碼

   <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)聽頁面加載
     */
    onLoad: function(options) {
    //剛進(jìn)入頁面隨機(jī)先獲取一個(gè)
        this.createCode()

    },
    huanyizhang(){
        this.createCode()
    },
    createCode() {
        var code;
        //首先默認(rèn)code為空字符串
        code = '';
        //設(shè)置長度，這里看需求，我這里設(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
        })
    },




})

以上是“微信小程序怎樣實(shí)現(xiàn)隨機(jī)驗(yàn)證碼”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

分享題目：微信小程序怎樣實(shí)現(xiàn)隨機(jī)驗(yàn)證碼
鏈接地址：http://chinadenli.net/article10/gohhgo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)公司、網(wǎng)站策劃、做網(wǎng)站、域名注冊、移動(dòng)網(wǎng)站建設(shè)、靜態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)