微信小程序实现登录注册功能
更新时间:2020年12月29日 14:37:02 作者:保护我方豆豆
这篇文章主要介绍了微信小程序实现登录注册功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本文实例为大家分享了微信小程序实现登录注册的具体代码,供大家参考,具体内容如下
html:
<form bindsubmit="handleSubmit" wx:if="{{ onoff }}"> 用户名: <input type="text" name='username'/> 密码: <input type="password" name='password'/> 手机号: <input type="text" name='phone'/> <button form-type="submit"> 注册 </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({ /** * 页面的初始数据 */ 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) } }) }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { }, /** * 生命周期函数--监听页面初次渲染完成 */ onReady: function () { }, /** * 生命周期函数--监听页面显示 */ onShow: function () { }, /** * 生命周期函数--监听页面隐藏 */ onHide: function () { }, /** * 生命周期函数--监听页面卸载 */ onUnload: function () { }, /** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh: function () { }, /** * 页面上拉触底事件的处理函数 */ onReachBottom: function () { }, /** * 用户点击右上角分享 */ onShareAppMessage: function () { } })
效果图:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
相关文章
javascript中Date对象的getDay方法使用指南
这篇文章主要介绍了javascript中Date对象的getDay方法使用以及各种优化方案,非常不错的文章,这里推荐给大家。2014-12-12Bootstrap编写一个同时适用于PC、平板、手机的登陆页面
这篇文章主要为大家详细介绍了Bootstrap编写一个同时适用于PC、平板、手机的登陆页面,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2016-06-06JavaScript CollectGarbage函数案例详解
这篇文章主要介绍了JavaScript CollectGarbage函数案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下2021-08-08关于javascript中的promise的用法和注意事项(推荐)
这篇文章主要介绍了关于javascript中的promise的用法和注意事项,需要的朋友可以参考下2021-01-01js循环map 获取所有的key和value的实现代码(json)
这篇文章主要介绍了js循环map 获取所有的key和value的实现代码(json),需要的朋友可以参考下2018-05-05
最新评论