验证码:
<input bindinput="makecodeinput" type="text"><view bindtap="getcode" class="makecode">{{code}}</view><button bindtap="login">登录</button>
index.js
data: {code: "",makecode:"",},//获取输入验证码makecodeinput:function(e){this.setdata({makecode:e.detail.value})},// 登录login: function() {if(this.data.makecode != this.data.code){wx.showtoast({title: '验证码不正确',icon: 'none',duration: 2000})}},//验证码createcode() {var code;//首先默认code为空字符串code = '';//设置长度,这里看需求,我这里设置了4var codelength = 4;//设置随机字符var random = new array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9);//循环codelength 我设置的4就是循环4次for (var i = 0; i < codelength; i++) {//设置随机数范围,这设置为0 ~ 10var index = math.floor(math.random() * 10);//字符串拼接 将每次随机的字符 进行拼接code += random[index];}//将拼接好的字符串赋值给展示的codethis.setdata({code: code})},/*** 生命周期函数--监听页面加载*/onload: function(options) {this.createcode();},getcode: function() {this.createcode();},
以上就是对微信小程序验证码如何实现?(源代码)的全部介绍,如果您想了解更多有关微信小程序开发教程,请关注。
以上就是微信小程序验证码如何实现?(源代码)的详细内容。