WeChat 애플릿 예: 무작위 확인 코드 구현(코드 포함)

이 글은 WeChat 애플릿의 예를 제공합니다: 특정 참조 값이 있는 임의의 인증 코드(코드 포함)를 구현합니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

미니 프로그램의 일부 등록 및 신청 페이지에는 무작위 인증 코드가 필요한 경우가 많습니다. 구체적인 구현 방법에 대해서는 많이 말하지 않겠습니다.

   <view class=&#39;yanzhengma&#39;>
        <text class=&#39;left&#39;>{{code}}</text>
        <text class=&#39;right&#39; bindtap=&#39;huanyizhang&#39;>换一张</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
        })
    },




})

코드로 이동하세요. 관련 권장 사항:

WeChat 애플릿 예: 카운트다운 방법 인증 코드(코드) #🎜🎜 #

WeChat 미니 프로그램 예: 데이터를 얻고 렌더링하는 방법(코드 포함)

위 내용은 WeChat 애플릿 예: 무작위 확인 코드 구현(코드 포함)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!