小程序手机号验证及验证码倒计时

本文介绍了如何在小程序中实现手机号的合法验证以及验证码发送后的倒计时功能。详细讲解了在.wxml和.js文件中进行的验证操作,并强调在页面卸载时停止倒计时以确保逻辑的正确性,同时提出了全局状态管理和页面加载时的判断来保持倒计时的连续性。
摘要由CSDN通过智能技术生成

1.手机号合法验证

.wxml

<input bindinput="check" name='phone' type='number' placeholder="请输入手机号" 
maxlength="11"></input>
<button disabled="{
  {!active}}">下一步</button>

.js

 
Page({

    data: {
        active: false
    },

    check(e) {

        this.setData({
            phone: e.detail.value,
            active: /^1[345678]\d{9}$/.test(e.detail.value) ? true : false
        })

    },

})

2.发送验证码倒计时

.wxml

<button disabled='{
  {disabled}}' bindtap="verificavtion">
{
  {time}}</button>

.js

var countDown = null

Page({

    data: {
        disabled: false,
        time: '获取验证码'
    },

    onUnload: funct
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值