微信小程序实现登录注册功能
(编辑：jimmy 日期: 2025/5/13 浏览：3 次 )
本文实例为大家分享了微信小程序实现登录注册的具体代码，供大家参考，具体内容如下
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 () {
}
})
效果图：
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
下一篇：Vue实现随机验证码功能