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

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

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秒的倒計時功能。

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

好比: http://smsow.zhenzikj.com/doc/sdk.html

使用方法

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. 發送短信驗證碼

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

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

 

如何使用

1）配置域名

在微信公衆平臺-小程序管理中配置域名https://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中查看錯誤信息

 

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