Beispiel für ein WeChat-Applet: Implementierung eines zufälligen Bestätigungscodes (mit Code)-Mini-Programmentwicklung-php.cn

Beispiel für ein WeChat-Applet: Implementierung eines zufälligen Bestätigungscodes (mit Code)

不言

Freigeben： 2018-08-16 18:03:08

Original

8625 Leute haben es durchsucht

Der Inhalt dieses Artikels befasst sich mit dem WeChat-Applet-Beispiel: Die Implementierung eines zufälligen Verifizierungscodes (mit Code), der einen bestimmten Referenzwert hat. Ich hoffe, dass er für Sie hilfreich ist.

Es gibt oft einige Registrierungs- und Bewerbungsseiten für Miniprogramme, die einen zufälligen Bestätigungscode erfordern. Über die spezifische Implementierungsmethode gibt es nicht viel zu sagen, gehen Sie einfach zum Code

   <view class=&#39;yanzhengma&#39;>
        <text class=&#39;left&#39;>{{code}}</text>
        <text class=&#39;right&#39; bindtap=&#39;huanyizhang&#39;>换一张</text>
    </view>

Nach dem Login kopieren

.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;
}

Nach dem Login kopieren

Page({

    data: {

    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function(options) {
    //刚进入页面随机先获取一个
        this.createCode()

    },
    huanyizhang(){
        this.createCode()
    },
    createCode() {
        var code;
        //首先默认code为空字符串
        code = &#39;&#39;;
        //设置长度，这里看需求，我这里设置了4
        var codeLength = 4;
        //设置随机字符
        var random = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, &#39;A&#39;, &#39;B&#39;, &#39;C&#39;, &#39;D&#39;, &#39;E&#39;, &#39;F&#39;, &#39;G&#39;, &#39;H&#39;, &#39;I&#39;, &#39;J&#39;, &#39;K&#39;, &#39;L&#39;, &#39;M&#39;, &#39;N&#39;, &#39;O&#39;, &#39;P&#39;, &#39;Q&#39;, &#39;R&#39;, &#39;S&#39;, &#39;T&#39;, &#39;U&#39;, &#39;V&#39;, &#39;W&#39;, &#39;X&#39;, &#39;Y&#39;, &#39;Z&#39;);
        //循环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
        })
    },




})

Nach dem Login kopieren

Verwandte Empfehlungen:

WeChat-Applet-Beispiel: So zählen Sie den Bestätigungscode (Code) herunter

Beispiel für ein WeChat Mini-Programm: So erhalten und rendern Sie Daten (mit Code)

Das obige ist der detaillierte Inhalt vonBeispiel für ein WeChat-Applet: Implementierung eines zufälligen Bestätigungscodes (mit Code). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!