小程式 微信小程式登入 註冊頁面設計

2021-08-30 15:29:09 字數 888 閱讀 9161

介面設計

頁面引用了youzan元件進行設計,包括icon,button,tag,toast以及布局

實現的功能

1.對使用者輸入的手機號碼進行驗證,利用正規表示式:

var reg = /^1[3|4|5|7|8][0-9]$/

驗證函式:

使用者輸入錯誤的手機號碼時將會呼叫toast元件提示使用者

getverificationcode: function(e)$/

var phone = this.data.userphone

var flag = reg.test(phone)

if(flag))

}else);}},

2.驗證驗證碼(暫時為靜態資料嘻嘻)

使用者輸入正確的手機號碼後,會顯示要求使用者輸入驗證碼進行驗證,驗證成功後將會下發簡訊驗證碼給使用者的手機

// 驗證碼驗證

valatedcode: function())

toast();

this.getcode()

this.setdata()

}else )

toast();}},

3. 實現傳送驗證碼60s倒計時

var interval = null //倒計時函式

data: , 

getcode: function (options))

if (currenttime <= 0) )

}}, 1000)  

},

微信小程式註冊

xml中手機號.js中data 獲取手機號 photoclick function e 首次輸入密碼 passwclick function e 再次確定密碼 tpasswclick function e 設定密保問題 secretclick function e 設定密保答案 answerclic...

寫個小程式01 註冊微信小程式

出於興趣和學習目的,我想自己做乙個基於 子彈筆記 bullet journal 的小程式。由於個人開發經驗很有限,只在課程作業中寫過 web 前端,所以也不知道多久能寫出來 逃 因此想通過部落格記錄一下開發過程 學習資料 踩過的坑等等。本系列文章主要計畫用於個人學習總結,如果恰好對你有幫助那真是太好...

微信小程式註冊流程

註冊型別分為 個人 企業 機關 其它。對於我而言,只能先暫時使用個人進行註冊了。註冊成功之後,就可以前往完善小程式資訊。小程式資訊完善 ps 作為個人使用,想了半天也不知道叫什麼,起名字尤其糾結,名字要與小程式本身功能相關聯才行,本來打算,超級奶爸 超級爆料 城市爆料 結果都被人給註冊。後來我就弄了...