注册页面js const { resgisterHttp } = require('../../http/api') Page({
/**
* 页面的初始数据
*/
data: {
nichen:'',
email:'',
password:'',
repassword:'',
nichenErr:'',
emailErr:'',
passwordErr:'',
repasswordErr:''
},
register(){
let flag1=this.checkFn("nichen","nichenErr","昵称不能为空")
let flag2=this.checkFn("email","emailErr","邮箱不能为空")
let flag3=this.checkFn("password","passwordErr","密码不能为空")
let flag4=this.checkFn("repassword","repasswordErr","密码不能为空")
if(flag1&&flag2&&flag3&&flag4){
resgisterHttp({
name:this.data.nichen,
email:this.data.email,
password:this.data.password,
password_confirmation:this.data.repassword,
})
.then(res=>{
if(res.status_code==422){
let{email:[errMessage]}=res.errors;
wx.showToast({
title: 'errMessage',
icon:"error"
})
}else{
wx.showToast({
title: '注册成功',
icon:"success"
})
setTimeout(()=>{
wx.navigateTo({
url: '/pages/login/login',
})
},2000)
}
})
.catch(err=>{
console.log(err);
})
}
},
checkFn(name,errKey,errStr){
if(!this.data[name].trim()){
this.setData({
[errKey]:errStr
})
return false
}else{
this.setData({
[errKey]:""
})
return true;
}
}
注册页面wxml
<van-cell-group>
<van-field model:value="{{ email }}" required label="邮箱" placeholder="请输邮箱" error-message="{{emailErr}}"
/> <van-field model:value="{{ password }}" required label="密码" placeholder="请输入密码" type="password" error-message="{{passwordErr}}"
/> <van-field model:value="{{ repassword }}" required label="确认密码" placeholder="请确认密码" type="password" error-message="{{repasswordErr}}"
/> 注册
