1.wxml页面
<view class="container"><view class="title">登录</view><form catchsubmit="login"><view class="inputView"><input class="inputText" placeholder="请输入手机号" name="phone" bindinput="phone" /></view><view class="inputView"><input class="inputText" placeholder="请输入验证码" name="code" /><button class="line" size="mini" bindtap="sendcode">{{text}}</button></view><view class="loginBtnView"><button class="loginBtn" type="primary" formType="submit">登录</button></view></form></view>
2.js页面初始数据
data: {text:'发送验证码',disabled: false,button:true},
3.js页面加载时间
let that = this;let phone = this.data.phone;let time = 30;setInterval(function(){time--;if(time > 0){that.setData({text:time,button:true})}else{that.setData({text:'发送验证码',button:false})}},1000);
注:这是功能只是在前端进行了时间限制,如果刷新之后,还是会把时间刷新掉,这里给的建议就是在后端也加入,频次限制。