免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

微信小程序怎樣實現隨機驗證碼

這篇文章主要介紹微信小程序怎樣實現隨機驗證碼,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!

網站建設哪家好,找創新互聯!專注于網頁設計、網站建設、微信開發、重慶小程序開發、集團企業網站建設等服務項目。為回饋新老客戶創新互聯還提供了古浪免費建站歡迎大家使用!

小程序上經常會有一些注冊 申請頁面需要用到隨機驗證碼。具體實現方法不多說 直接上代碼

   <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: {

    },

    /**
     * 生命周期函數--監聽頁面加載
     */
    onLoad: function(options) {
    //剛進入頁面隨機先獲取一個
        this.createCode()

    },
    huanyizhang(){
        this.createCode()
    },
    createCode() {
        var code;
        //首先默認code為空字符串
        code = '';
        //設置長度,這里看需求,我這里設置了4
        var codeLength = 4;
        //設置隨機字符
        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');
        //循環codeLength 我設置的4就是循環4次
        for (var i = 0; i < codeLength; i++) {
            //設置隨機數范圍,這設置為0 ~ 36
            var index = Math.floor(Math.random() * 36);
            //字符串拼接 將每次隨機的字符 進行拼接
            code += random[index];
        }
        //將拼接好的字符串賦值給展示的code
        this.setData({
            code: code
        })
    },




})

以上是“微信小程序怎樣實現隨機驗證碼”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注創新互聯行業資訊頻道!

分享題目:微信小程序怎樣實現隨機驗證碼
鏈接地址:http://m.newbst.com/article10/gohhgo.html

成都網站建設公司_創新互聯,為您提供網站設計公司網站策劃做網站域名注冊移動網站建設靜態網站

廣告

聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯

成都seo排名網站優化