完成手机验证码的功能:
(1)效果图如下:
(开始发送验证码) (重新发送验证码)
(2)需求及思路说明:
- 输入正确的11位手机号,使用正则校验。
- 校验手机号的归属地----北京移动(这个根据需求而定)
- 点击 “获取验证码” ,获取成功与失败,都会以弹框的形式展现,完成倒计时。
- 倒计时为 ‘0’ 的时候,按钮文字变成 “重新发送”
- 当按钮是 “获取验证码” 和 “重新发送” 的时候,按钮是可以点击进行倒计时的
- 在倒计时过程中,按钮是不可点击的(也就是防止在倒计时的过程中重复点击)
.wxml 文件
<block wx:if='{
{show_detail_title}}'>
<view class='show_detail_centent ver_phone_con'>
<form>
<view class='show_detail_centent_title ver_title' >验证</view>
<view class='error_tip}}' style="{
{error_tip ==