【uni-app】实现获取验证码功能

 【uni-app】实现获取验证码功能

一、注册界面-获取验证码的需求：

情况1：手机号码正确
输入手机号码---点击--“获取验证码”---出现“发送中”...---重新获取（60）

 

 

 

 情况2：手机号码不正确
输入手机号码（或没有输入）---点击获取验证码--弹出“请输入“ 正确号码的手机号码 ”的提示框

 

 

 二、思路如下:
（1）先进行排版，设置输入框input的参数，初始值

（2）绑定点击事件，追加样式 
（3）在点击事件里面

第一步：

需要判断手机号码的正确与否，校验手机号码是否有误

第二步：

调用setTimeout定时器方法，

同时需要设置每隔60秒就重新获取验证码，就需要调用SetTimer函数

第三步：

同时需要setInterval方法，不停地调用函数，

直到 clearInterval被调用或窗口被关闭，且需要隐藏软键盘及颜色的切换

 

 

源码如下（里面包含注册界面的全部内容）：