!--绑定手机号--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//验证码},})
微信小程序绑定手机号获取验证码-微信小程序手机验证码登录-微信小程序短信验证
浏览量:1297
时间:
来源:online-oliver
版权声明
即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。
最新资讯
-

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

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

零代码 + AI 双轮驱动|即速应用解锁人工智能小程序开发新范式
无需代码、无需 AI 算法功底,普通人也能快速搭建智能小程序。即速应用将人工智能与零代码开发深度融合,推出 AI 智能生成能力,用户通过自然语言描述需求,AI 自动生成小程序页面、功能模块与后台配置,覆盖商城、预约、同城、社区团购等全场景。平台内置 AI 智能推荐、智能客服、用户画像分析等能力,一键对接微信生态,打通视频号、企业微信、短信跳转,帮企业快速落地 AI 应用,抢占智慧经营先机,让每家企业都拥有 AI 驱动的智慧店铺。










