微信小程序註冊、登陸小功能都在這

微信小程序實現註冊、登陸頁面的小功能整理，但願對你們有幫助。

1. 正則驗證手機號碼

var mobile = that.data.phone;    var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1})|(17[0-9]{1}))+\d{8})$/;    if (!myreg.test(mobile)) {      wx.showToast({        title:'手機號有誤！',        icon:'success',        duration: 1500      })      return ;    }    wx.showToast({      title:'手機號正確！',      icon:'success',      duration: 1500    })複製代碼

2. 60秒倒計時

發送短信驗證碼後會有60秒的倒計時功能。

網上有不少這種插件，很方便

好比: smsow.zhenzikj.com/doc/sdk.htm…

使用方法

1.引入插件countdown.js

var CountDown = require('../../utils/countdown.js');複製代碼

2.在 onLoad 週期初始化

onLoad:function () {   this.countdown =new CountDown(this);}複製代碼

3. 在獲取驗證碼的按鈕上增長captchaDisabled、captchaTxt 分別用於控制倒計時過程當中是否能夠點擊、倒計時秒數提示

<button class='codeBtn' bindtap='getSmsCaptcha' disabled='{{captchaDisabled}}'>{{captchaTxt}}</button>複製代碼

4. 調用start方法觸發倒計時

getSmsCaptcha(e) {   this.countdown.start();}複製代碼

3. 發送短信驗證碼

小編使用的是榛子云短信(smsow.zhenzikj.com/doc/sdk.htm…的發送驗證碼短信。

目前提供了普通版和雲函數版，建議下載雲函數版的。兩個版本中都提供了對驗證碼的支持，你無需生成驗證碼，SDK已經幫你都弄好了。

如何使用

1）配置域名

在微信公衆平臺-小程序管理中配置域名smsdeveloper.zhenzikj.com,以下圖:

2) 引入sdk

var zhenzisms = require('../../utils/zhenzisms.js');複製代碼

3）初始化

zhenzisms.client.init('https://sms_developer.zhenzikj.com','你的榛子云appId','你的榛子云appSecret');複製代碼

4) 發送驗證碼短信

zhenzisms.client.sendCode(function (res) {      wx.showToast({        title: res.data.data,        icon:'none',        duration: 2000      })    }, that.data.phone,'驗證碼爲:{code}','', 60 * 5, 4);複製代碼

參數1:請求後的用於接收返回結果的回調函數

參數number:接收者手機號碼

參數3:短信模板，其中{code}爲驗證碼佔位符，會自動替換

參數messageId:該條信息的惟一標識，可用於查詢

參數seconds:驗證碼有效期，單位是秒

參數length:驗證碼長度，好比4位或6位

返回結果是json格式的字符串, code: 發送狀態，0爲成功。非0爲發送失敗，可從data中查看錯誤信息

固然，你也能夠使用雲函數版的，請參考文檔: smsow.zhenzikj.com/doc/weixinm…