一种比较常见的功能获取手机验证码，供大家参考，具体内容如下

先看效果图：

其实这个功能实现起来很简单，主要就是调取第三方接口，拿到返回值验证的问题

直接上代码吧：

视图类='changeInfo '视图类='changeInfoName '输入占位符='请输入姓名绑定输入=' GetNameVaLue '值=' { { name } } '//视图视图类=' ChangeInfoname '输入占位符='请输入手机号绑定输入=' getPhoneValue '值=' { { phone } } '//视图视图类=' changeInfoName '输入占位符='请输验证码绑定输入=' getCodeValue ' value=' {[code]} ' style=' width :70%；/button class=' code BTN ' bind tap=' GetverificationCode ' disabled=' { { disabled } } ' { { code name } }/button/view button class=' changeBtn ' bind tap=' save '保存/button/viewCSS:

页面{身高： 100%；宽度： 100%;背景技术：线性梯度(#5681d7，# 486 ec3)；}.change info { display : flex flex-direction :柱；正义-内容：空格；宽度： 90%;margin: 50rpx auto}。更改info name { position : relative；高度： 80rpx宽度： 100%;边界半径： 10 rpx背景# fff保证金-底部： 20 rpx左填充左： 20rpx盒子尺寸：边框盒子；}.codeBtn{ position:绝对值；右： 0；top : 0；color: # bbb宽度： 30%;font-size : 26rpx高度： 80rpx线高： 80 rpx}.更改信息名称输入{宽度： 100%；高度：100%;}.更改Btn {宽度： 40%；高度： 100 rpx背景# fffcolor : # 000 border-radius : 50 rpx；绝对位置：底部： 10%;左侧： 50%;左边距：-20%;线高： 100 rpx}js:

var app=require('././resource/js/util。js’)；页面({ /** *页面的初始数据*/data: { name: ' '，//姓名phone: ' '，//手机号代码： ' ',//验证码iscode:null，//用于存放验证码接口里获取到的代码代号： '获取验证码' }, //获取投入输入框的值getnamevalue :函数(e){ this。setdata({ name : e . detail。value })}，getphonevalue :函数(e){ this。setdata({ phone : e . detail。value })}，getcodevalue :函数(e)}，getcode :函数(){ var a=this。数据。电话；var _ this=this var my reg=/^(14[0-9]|13[0-9]|15[0-9]|17[0-9]|18[0-9])d{8}$$/；如果(这个。数据。phone==' '){ wx。显示吐司({ title : '手机号不能为空，图标：“无”，工期： 1000 })返回false} else if(！迈勒格。测试(这个。数据。phone)){ wx。显示吐司({ title : '请输入正确的手机号，图标：“无”，工期： 1000 })返回false} else { wx。请求({ data : }，“URL”:接口地址，成功(RES){控制台。日志数据。data)_ this。setdata({ iscode : RES . data。data })var num=61；var timer=setInterval(function(){ num-；if (num=0) { clearInterval(计时器);_this.setData({ codename: '重新发送，禁用： false })else { _ this。setdata({ code name : num ' s ' })} }，1000) } }) }，//获取验证码getVerificationCode(){ this。getcode()；var _ this=this _ this。setdata({ disabled : true })}，//提交表单信息save : function(){ var myreg=/^(14[0-9]|13[0-9]|15[0-9]|17[0-9]|18[0-9])d{8}$$/；如果(这个。数据。name==' '){ wx。显示吐司({ title : '姓名不能为空，图标：“无”，工期： 1000 })返回false}如果(这。数据。phone==' '){ wx。显示吐司({ title : '手机号不能为空，图标：“无”，工期： 1000 })返回false}else if(！迈勒格。测试(这个。数据。phone)){ wx。显示吐司({ title : '请输入正确的手机号，图标：“无”，工期： 1000 })返回false}如果(这。数据。代码==' '){ wx。显示吐司({ title : '验证码不能为空，图标：“无”，工期： 1000 })返回false}else if(this.data.code！=这个。数据。is代码){ wx。显示吐司({ title : '验证码错误，图标：“无”，工期： 1000 })返回false } else { wx . setstoragesync(' name ')，这。数据。姓名)；wx.setStorageSync('phone '，这个。数据。电话)；wx.redirectTo({ url: './add/add '，}) } }，/** *生命周期函数-监听页面加载*/onLoad:函数（选项){ },/** *生命周期函数-监听页面初次渲染完成*/onReady:函数(){ },/** *生命周期函数-监听页面显示*/OnShaw :函数(){ },/** *生命周期函数-监听页面隐藏*/onHide:函数(){ },/** *生命周期函数-监听页面卸载*/onUnload:函数(){ },/** *页面相关事件处理函数-监听用户下拉动作*/onpulldownlrefresh :函数(){ },/** *页面上拉触底事件的处理函数*/onReachBottom:函数(){ },/** *用户点击右上角分享*/onsharappmessage :函数(){ }})以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。