微信小程序?qū)崿F(xiàn)登錄注冊(cè)功能
更新時(shí)間:2020年12月29日 14:37:02 作者:保護(hù)我方豆豆
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)登錄注冊(cè)功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
本文實(shí)例為大家分享了微信小程序?qū)崿F(xiàn)登錄注冊(cè)的具體代碼,供大家參考,具體內(nèi)容如下
html:
<form bindsubmit="handleSubmit" wx:if="{{ onoff }}"> 用戶名: <input type="text" name='username'/> 密碼: <input type="password" name='password'/> 手機(jī)號(hào): <input type="text" name='phone'/> <button form-type="submit"> 注冊(cè) </button> </form> <form bindsubmit="handleLogin" wx:else> 用戶名: <input type="text" name='username'/> 密碼: <input type="password" name='password'/> <button form-type="submit"> 登錄 </button> </form>
js:
// pages/login/login.js Page({ /** * 頁面的初始數(shù)據(jù) */ data: { onoff: false }, handleSubmit(e){ const {value} = e.detail; // console.log(value) const that = this; wx.request({ url: 'http://pddapi.h5sm.com/index/pdduser/getpddregister', method: 'post', data: value, success(res){ if(res.data.status == 1){ that.setData({ onoff: false }) } } }) }, handleLogin(e){ const {username, password} = e.detail.value; const that = this; wx.request({ url: 'http://pddapi.h5sm.com/index/pdduser/getpddlogin', method: 'post', data:{ username, password }, success(res){ console.log(res) } }) }, /** * 生命周期函數(shù)--監(jiān)聽頁面加載 */ onLoad: function (options) { }, /** * 生命周期函數(shù)--監(jiān)聽頁面初次渲染完成 */ onReady: function () { }, /** * 生命周期函數(shù)--監(jiān)聽頁面顯示 */ onShow: function () { }, /** * 生命周期函數(shù)--監(jiān)聽頁面隱藏 */ onHide: function () { }, /** * 生命周期函數(shù)--監(jiān)聽頁面卸載 */ onUnload: function () { }, /** * 頁面相關(guān)事件處理函數(shù)--監(jiān)聽用戶下拉動(dòng)作 */ onPullDownRefresh: function () { }, /** * 頁面上拉觸底事件的處理函數(shù) */ onReachBottom: function () { }, /** * 用戶點(diǎn)擊右上角分享 */ onShareAppMessage: function () { } })
效果圖:
以上就是本文的全部內(nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
您可能感興趣的文章:
- 微信小程序登錄與注冊(cè)功能的實(shí)現(xiàn)詳解
- 詳解微信小程序入門從這里出發(fā)(登錄注冊(cè)、開發(fā)工具、文件及結(jié)構(gòu)介紹)
- 微信小程序?qū)崿F(xiàn)注冊(cè)登錄功能(表單校驗(yàn)、錯(cuò)誤提示)
- 微信小程序+云開發(fā)實(shí)現(xiàn)歡迎登錄注冊(cè)
- 微信小程序登錄態(tài)和檢驗(yàn)注冊(cè)過沒的app.js寫法
- 微信小程序?qū)崿F(xiàn)登錄注冊(cè)tab切換效果
- 微信小程序?qū)崿F(xiàn)登錄界面示例
- 微信小程序?qū)崿F(xiàn)登錄界面
- 微信小程序?qū)崿F(xiàn)登錄注冊(cè)界面
相關(guān)文章
JavaScript實(shí)現(xiàn)簡單圖片滾動(dòng)附源碼下載
JavaScript實(shí)現(xiàn)簡單圖片滾動(dòng),9張圖告訴你,C羅欲哭無淚,另附源碼下載,方便學(xué)習(xí)2014-06-06json 帶斜杠時(shí)如何解析的實(shí)現(xiàn)
這篇文章主要介紹了json 帶斜杠時(shí)如何解析的實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-0830分鐘快速實(shí)現(xiàn)小程序語音識(shí)別功能
最近需要在小程序上實(shí)現(xiàn)語音識(shí)別,將需要用到的功能都總結(jié)下,供大家參考。語音識(shí)別用的是科大訊飛,文中給出了詳細(xì)的實(shí)現(xiàn)方法介紹,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-11-11AJAX異步從優(yōu)酷專輯中采集所有視頻及信息(JavaScript代碼)
上次寫了一個(gè) .NET從優(yōu)酷專輯中采集所有視頻及信息(VB.NET代碼)2010-11-11