小程序前端验证和发送请求和后端验证

logingo:function(){ // es6 结构语法 const {phone,password} = this.data; console.log(this.data) //手机号不能为空 if(!phone){ wx.showToast({ title: '手机号不能为空', icon:'none' }) return; } //手机号必须符合格式 const regexp= /^1[358]\d{9}$/; if(!regexp.test(phone)){ wx.showToast({ title: '请输入合法的手机号码', icon:"none" }) return; } //手机号不能为空 if (!password) { wx.showToast({ title: '密码不能为空', icon: 'none' }) return; } const preg = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,10}$/; if (!preg.test(password)) { wx.showToast({ title: '密码必须由6-10字母数字', icon: "none" }) return; } // 能走到这里，表明校验成功，可以向后端发送请求了！ // 电话号码登录的request // phone 18451578808 // psw action001 wx.request({ url: `http://localhost:3000/login/cellphone?phOne=${phone} let code = data.code; if(code==200){ console.log(data) return; } if(code==400){ wx.showToast({ title: '您的手机号码没有注册', icon:'none' }) return; } if(code==502){ wx.showToast({ title: data.message, icon: 'none' }) return; } }, fail(res){ wx.showToast({ title: '请稍后重试' }) } }) },

前端验证非常的简单，就是js 的验证

如果验证成功 ，就用wx.request 发送请，这里

后端 用到了 我们自己本地的临时server

还有正常的返回

{ "loginType": 1, "code": 200, "account": { "id": 3917524002, "userName": "1_18451578808", "type": 1, "status": 0, "whitelistAuthority": 0, "createTime": 1601521256582, "salt": "", "tokenVersion": 0, "ban": 0, "baoyueVersion": 0, "donateVersion": 0, "vipType": 0, "viptypeVersion": 0, "anonimousUser": false }, "token": "4bcfa49e9035e469e266f5b88d7ff0767b6645211280e9b2c3a79361dc36012633a649814e309366", "profile": { "backgroundUrl": "https://p4.music.126.net/2zSNIqTcpHL2jIvU6hG0EA==/109951162868128395.jpg", "followed": false, "detailDescription": "", "defaultAvatar": true, "accountStatus": 0, "gender": 1, "avatarImgId": 109951163250233890, "birthday": -2209017600000, "nickname": "action201001", "djStatus": 0, "experts": { }, "mutual": false, "remarkName": null, "expertTags": null, "authStatus": 0, "vipType": 0, "city": 320300, "backgroundImgId": 109951162868128400, "avatarUrl": "https://p3.music.126.net/ma8NC_MpYqC-dK_L81FWXQ==/109951163250233892.jpg", "province": 320000, "description": "", "userId": 3917524002, "userType": 0, "avatarImgIdStr": "109951163250233892", "backgroundImgIdStr": "109951162868128395", "signature": "", "authority": 0, "avatarImgId_str": "109951163250233892", "followeds": 0, "follows": 3, "eventCount": 0, "avatarDetail": null, "playlistCount": 1, "playlistBeSubscribedCount": 0 }, "bindings": [ { "expired": false, "refreshTime": 1601521286, "expiresIn": 2147483647, "bindingTime": 1601521286588, "tokenJsonStr": "{\"countrycode\":\"\",\"cellphone\":\"18451578808\",\"hasPassword\":true}", "url": "", "userId": 3917524002, "id": 11111130267, "type": 1 }, { "expired": true, "refreshTime": 1601521256, "expiresIn": 7200, "bindingTime": 1601521256713, "tokenJsonStr": "{\"access_token\":\"37_rCRjj7kiZw-rtMCdaLT-4wPwNnXykFOJydDhnlLe2ji6DjQ_CebLZDokmX8LPw__QDp6nQz-t5wd8aWD7rkuB_TnoU1jVtnGJqC9Q4Eu5zw\",\"refresh_token\":\"37_SwO-TjVa-E57b02fP_zfFPsN_iGh81Bk5CCR-XYGUOYFU7TFmtLDNmHNY2jaUao0pA8CW1AeAC1dc-lNxOIaKi_t3cnBbm83AvOMRam0GNs\",\"unionid\":\"oZoefuKAfQiGIXmiPD4dVe6A8GjQ\",\"openid\":\"okvmMjtQzpo7IcDz9VpipraH8MXE\",\"scope\":\"snsapi_userinfo\",\"nickname\":\"action\",\"expires_in\":7200}", "url": "", "userId": 3917524002, "id": 11111143455, "type": 10 } ]}

行，正确数据拿回来之后，剩下的逻辑，我们回头继续！