表單的驗證

前端驗證
// 手機表單數據
let {phone, password} = this.data
// 驗證密碼為空
if(!phone) {
wx.showToast({
title: ‘手機號不能為空’,
icon: ‘none’,
})
return;
}
// 驗證是否為手機號
let phoneReg = /^1(3|4|5|6|7|8|9)\d{9}$/
if(!phoneReg.test(phone)){
wx.showToast({
title: ‘手機號不正確’,
icon: ‘none’,
})
return;
}
// 驗證密碼是否為空
if(!password){
wx.showToast({
title: ‘密碼不能為空’,
icon: ‘none’,
})
return;
}

前端驗證成功提交后端
// 后端驗證
let loginResult = await request(’/login/cellphone’,{phone,password})
if(loginResult.code === 200){
wx.showToast({
title: ‘登錄成功’,
});

將服務器傳來的數據放置在本地存儲上
//將數據存儲到本地
//同步存儲方法
wx.setStorageSync(‘userInfo’,JSON.stringify(loginResult.profile))
//跳轉到個人中心頁面
wx.switchTab({
url: ‘…/personal/personal’,
})

在個人中心頁面的交互

//獲取本地存儲內容
let infoData = wx.getStorageSync(‘userInfo’);
//判斷是否有數據
if(infoData){
this.setData({
usrInfoData: JSON.parse(infoData)
});
}

在wxml中使用

總結

以上是生活随笔為你收集整理的小程序的登录页面与个人中心页面的交互的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。