亚洲欧美日韩综合系列在线_91精品人妻一区二区_欧美大肥婆一级特大AA片_九色91视频免费观看_亚洲综合国产精品_av中文字幕在线不卡_久久精品色综合网_看黄色视频的软件_无卡无码高清中文字幕码2024_亚洲欧美日韩天堂网

微信小程序驗(yàn)證碼如何實(shí)現(xiàn)?(源代碼)

來源:A小公主 發(fā)布時(shí)間:2018-10-15 15:15:00 閱讀量:1250

本篇文章給大家?guī)淼膬?nèi)容是關(guān)于微信小程序驗(yàn)證碼如何實(shí)現(xiàn)?(源代碼),有一定的參考價(jià)值,有需要的朋友可以參考一下,希望對(duì)你有所幫助。

驗(yàn)證碼:

1

2

<input bindinput="makecodeInput" type="text">

<view bindtap="getcode" class="makecode">{{code}}</view><button bindtap="login">登錄</button>

index.js

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

data: {

code: "",

makecode:"",

},

//獲取輸入驗(yàn)證碼

makecodeInput:function(e){

this.setData({

makecode:e.detail.value

})

},

// 登錄

login: function() {

if(this.data.makecode != this.data.code){

wx.showToast({

title: '驗(yàn)證碼不正確',

icon: 'none',

duration: 2000

})

}

},

//驗(yàn)證碼

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);

//循環(huán)codeLength 我設(shè)置的4就是循環(huán)4次

for (var i = 0; i < codeLength; i++) {

//設(shè)置隨機(jī)數(shù)范圍,這設(shè)置為0 ~ 10

var index = Math.floor(Math.random() * 10);

//字符串拼接 將每次隨機(jī)的字符 進(jìn)行拼接

code += random[index];

}

//將拼接好的字符串賦值給展示的code

this.setData({

code: code

})

},

/**

* 生命周期函數(shù)--監(jiān)聽頁(yè)面加載

*/

onLoad: function(options) {

this.createCode();

},

getcode: function() {

this.createCode();

},


標(biāo)簽: 小程序
分享:
評(píng)論:
你還沒有登錄,請(qǐng)先