微信小程式之獲取驗證碼js

第一步：結構

<

view 
class
='get-code' 
wx:if
="}"
bindtap
='getcode'
>獲取驗證碼
view
>
<
view 
class
='get-code' 
wx:if
="}"
>}秒後重新傳送
view
>

備註：用wx：if條件渲染來判斷某個按鈕是否顯示與隱藏。。}是要動態顯示的秒數，只繫結乙個view的點選事件就不怕重複點選了。。。

第二步：樣式就不用說了，自己定義。主要是js。我是把這個獲取驗證碼的函式作為公用的部分，所以新建乙個公用的js檔案放在你想放的目錄下，然後js**：

function

getcode(_this,num))
var remain=num; //用另外乙個變數來操作秒數是為了儲存最初定義的倒計時秒數，就不用在計時完之後再手動設定秒數
var time = setinterval(function
() )
return
false
//必須有
} remain--;
_this.setdata()
}, 1000) 
}module.exports =

第三步：在需要getcode函式的頁面的js中引入該公用js檔案，比如：

var code=require('../../public/js/com.js')

備註：用乙個變數來存，我自己認為是為了好呼叫裡面模組

第四步：在page中申明：

data: ,

getcode:
function
(),

最後就成功了。

問題：點選view之後怎樣獲取該view的text值？待解決

微信小程式生成隨機驗證碼

wxml檔案 js檔案 data code 獲取驗證碼 getcode function this.createcode createcode var code 首先預設code為空字串 code 設定長度，這裡看需求，我這裡設定了4 var codelength 4 設定隨機字元 var rand...

如何使用微信小程式雲函式傳送簡訊驗證碼

由於目前ide沒有雲函式匯入功能，您需要手工建立同名的雲函式，然後將雲函式下的檔案手工拷進去 wx.cloud.callfunction success res fail console.error 複製 apiurl為請求位址，個人開發者使用https sms developer.zhenzikj...

微信小程式實現驗證碼倒計時效果

效果圖 wxml input class input pwd placeholder 新密碼 placeholder style color 000 password focus bindconfirm getpwd input class input tel type number placeho...