!--绑定手机号--viewclass'content'formbindsubmit"formSubmit"viewclass'phone-box'textclass'phone'手机号/textinputname"phone"type'number'placeholder"请输入手机号"maxlength'11'name"phone"class'number'bindinput'lovePhone'//viewviewclass'phone-box'textclass'phone'验证码/textinputname"phoneCode"placeholder"请输入验证码"class'number'placeholder-style'color:#bbb'bindinput"yanLoveInput"/viewbindtap'yanLoveBtn'class'getNum'{{getText2}}/view/viewbuttonformType"submit"class'submit'绑定/button/form/view.content{width:100%;height:auto;padding:050rpx;box-sizing:border-box;}.phone-box{width:100%;height:89rpx;border-bottom:1rpxsolid#efefef;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;}.phone{color:#333;margin-right:60rpx;font-size:28rpx;}.number{color:#333;font-size:28rpx;width:200rpx;}.getNum{width:210rpx;height:48rpx;background:rgba(248,112,57,1);border-radius:8rpx;font-size:28rpx;font-family:PingFang-SC-Medium;color:rgba(255,255,255,1);line-height:48rpx;margin-right:36rpx;text-align:center;}.submit{width:480rpx;height:80rpx;background:rgba(248,112,57,1);border-radius:8rpx;margin-top:80rpx;color:#fff;font-size:32rpx;}constappgetApp();Page({data:{//验证手机号loginPhone:false,loginPwd:false,loveChange:true,hongyzphone:'',//验证码是否正确zhengLove:true,huoLove:'',getText2:'获取验证码',},//手机验证lovePhone:function(e){letphonee.detail.value;this.setData({hongyzphone:phone})if(!(/^1[34578]d{9}$/.test(phone))){this.setData({lovePhone:false})console.log(phone.length)if(phone.length11){wx.showToast({title:'手机号有误',icon:'none',duration:1000})}}else{this.setData({lovePhone:true})}},//验证码输入yanLoveInput:function(e){letthatthis;letyanLovee.detail.value;lethuoLovethis.data.huoLove;that.setData({yanLove:yanLove,zhengLove:false,})if(yanLove.length4){if(yanLovehuoLove){that.setData({zhengLove:true,})}else{that.setData({zhengLove:false,})wx.showModal({content:'输入验证码有误',showCancel:false,success:function(res){}})}}},//验证码按钮yanLoveBtn:function(){letloveChangethis.data.loveChange;console.log(loveChange)letlovePhonethis.data.lovePhone;console.log(lovePhone)letphonethis.data.hongyzphone;console.log(phone)letn59;letthatthis;if(!lovePhone){wx.showToast({title:'手机号有误',icon:'success',duration:1000})}else{if(loveChange){this.setData({loveChange:false})letlovetimesetInterval(function(){letstr'('+n+')'+'重新获取'that.setData({getText2:str})if(n0){that.setData({loveChange:true,getText2:'重新获取'})clearInterval(lovetime);}n--;},1000);//获取验证码接口写在这里//例子并非真实接口app.agriknow.sendMsg(phone).then(res{console.log('请求获取验证码.res',res)}).catch(err{console.log(err)})}}},//form表单提交formSubmit(e){letvale.detail.valueconsole.log('val',val)varphoneval.phone//电话varphoneCodeval.phoneCode//验证码},})
微信小程序绑定手机号获取验证码-微信小程序手机验证码登录-微信小程序短信验证
浏览量:1324
时间:
来源:online-oliver
版权声明
即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。
最新资讯
-

小程序制作平台选型踩坑记录:2026年五大主流方案横向对比
2026 年微信小程序月活达 10.7 亿、覆盖 108 个行业,本次横向对比即速应用、乔拓云、凡科、有赞、微盟五大主流平台,分三阶段给出选型结论,核心聚焦成本、扩展性、运营能力三大维度。 -

即速应用,赋能企业玩转微信小程序智慧经营
作为国内领军的智慧商业经营服务商,即速应用始终秉承“让每个企业都拥有自己的智慧店铺”的愿景,持续赋能更多企业玩转智慧经营。即速应用旗下拥有“小程序搭建工具-即速应用”、“私域流量专家-即客云”等产品,帮助商家打通互联网全生态营销闭环。 -

即客云2.0重磅更新,让微信小程序运营更简单!
即客云作为一款基于企业微信的第三方工具,现从多维度提供超过30种功能,自上线以来,已服务多家企业,受到一致好评。近期,我们根据客户反馈和市场调研正式推出升级版 即客云2.0!更新了私域运营SOP,群日历功能,批量拓客,客户雷达,消息推送,个人欢迎语,帮助企业更好运用企业微信;同时提升了社群运营工作标准化,提升运营效率,帮助企业实现客户增长,玩转私域流量。










