微信小程序验证码获取方式,代码如下所示:
!-绑定手机号-view class=' content ' form bind submit=' formSubmit ' view class=' phone-box ' text class=' phone '手机号/text输入名称='电话'类型='数字'占位符='请输入手机号maxlength=' 11 ' name=' phone ' class=' number ' bind input=' love phone '/view view class=' phone-box ' text class=' phone '验证码/text输入名称='电话代码'占位符='请输入验证码class='number '占位符-style=' color : # BBB ' bind input=' yanlove input '/view bind tap=' yanlove BTN ' class=' getNum ' { gettext 2 } }/view/view按钮formType='submit' class='submit '绑定/按钮/表单/视图。内容{宽度: 100%;高度:自动添加: 0 50rpx盒子尺寸:边框盒子;}.电话亭{宽度: 100%;高度: 89 rpx border-底部: 1rpx实心# efefeffdisplay : flex flex-方向:行;正义-内容: flex-start;align-items:居中;}.电话{ color: # 333右边距: 60 rpxfont-size : 28 rpx}.编号{ color : # 333 font-size : 28 rpx;宽度: 200 rpx}.getNum { width :210 rpxhire :48 rpx背景技术:rgba(248,112,57,1);边界半径:8 rpxfont-size :28 rpx字体系列:方平-SC-中;color:rgba(255,255,255,1);线高:48 rpx右边距右:36rpx文本对齐:居中;}.提交{ width : 480 rpx h8 : 80 rpx背景: rgba(248,112,57,1);边界半径: 8 rpx边距-top : 80 rpx;color : # ffffont-size : 32 rpx;} const app=GetApp();页面({ data: { //验证手机号loginPhone:假,loginPwd:假,loveChange:真,hongyzphone: ' ',//验证码是否正确正爱:真,活力: ' ',获取文本2: '获取验证码', }, //手机验证lovePhone:函数(e) {让电话=e . detail。价值;这个。setdata({ honyzphone : phone })if(!(/^1[34578]d{9}$/.测试(电话))){这个。setdata({ love phone : false })控制台。日志(电话。长度)if(电话。长度=11){ wx。显示吐司({ title : '手机号有误,icon: 'none ',持续时间: 1000 })} } else { this。setdata({ love phone : true })} },//验证码输入yanLoveInput:函数(e) {让那个=这个;让yanLove=e .细节。价值;让霍洛芙=这个。霍洛芙;那个。setdata({ yanLove : yanLove,zhengLove: false,})if(yanLove。length=4){ if(yanLove==hulove){ that。setdata({ zhenglove : true,})else { that。setdata({ zhenglove : false,}) wx.showModal({ content: '输入验证码有误,showCancel: false,success:函数(res) { } }) } },//验证码按钮yanLoveBtn:函数(){让爱改变=这个。数据。爱改变;console.log(loveChange)让爱情电话=这个。数据。爱情电话;控制台.日志(爱情电话)让电话=这个。数据。鸿志手机;console.log(电话)让n=59让那个=这个;if(!爱情电话){ wx。ShowToast({ title : '手机号有误,icon: 'success ',duration : 1000 })else { if(love change){ this。setdata({ love change : false })让love time=set interval(function(){ let str='(' n ')' '重新获取那个。setdata({ gettext 2: str })if(n=0){ that。setdata({ love change : true,gettext 2: '重新获取})clearInterval(恋爱时间);} n-;}, 1000);//获取验证码接口写在这里//例子并非真实接口app.agriknow.sendMsg(电话)。然后(res={ console.log('请求获取验证码res=',res) }).catch(err={ console。log(err)})} } },//表单表单提交formSubmit(e){ let val=e . detail。价值控制台。log(' val ',val) var phone=val.phone //电话var phoneCode=val.phoneCode //验证码},})总结
以上是边肖介绍的绑定手机号获取微信小程序验证码的功能。希望对大家有帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢您对我们网站的支持!如果你觉得这篇文章对你有帮助,请转载,请注明出处,谢谢!