当前位置: 首页 > 后端技术 > Node.js

Vue+node全栈手机商城【9】注册页面判断条件

时间:2023-04-03 20:51:10 Node.js

上一节我们实现了最基础的注册页面。其实同学们,在实际工作中,登录和注册页面需要判断的条件非常多,不仅可以总结成一篇文章,甚至可以写成一本书。比如用户名,密码,用户名不存在,密码错误,就是琐碎,什么长度不够,字符错误,重复提交,不能为空,重复密码不一致,加解密密码,以及同一个ip不能连续重复提交多次,达到相应的错误次数就banip几分钟,等等。..有很多很多,但是在这个系列教程中,登录和注册不是我们主要的教学方向,所以我们只是在简单易用的基础上实现基本的注册和登录,就可以了。然后,next,直接看代码,很简单,零基础的同学,直接copy一下就可以用了。这是html部分,这个是js部分的导出默认{name:'register',data(){return{msg:'Registerpage',username:'',password:'',password2:'',describe:'',userErr:'',passErr:'',passErr2:''}},methods:{//回到上一步goBackFn(){this.$router.go(-1);},//注册registerFn(){//每次重置err信息this.userErr='';this.passErr='';this.passErr2='';//注册信息Objlet_registerObj={username:this.username,password:this.password,password2:this.password2,describe:this.describe}//判断用户注册的条件有很多。这里简单判断一下if(_registerObj.username===''){this.userErr='用户名不能为空';返回假;}if(_registerObj.password===''){this.passErr='密码不能为空';返回假;}if(_registerObj.password2===''){this.passErr2='重复密码不能为空';返回假;}if(_registerObj.password!==_registerObj.password2){this.passErr2='重复密码不一致';返回假;}console.log(_registerObj);},//ResetregisterResetBtn(){}}}添加我的微信:blazeloulan,拉你进【前端项目学习群】,你会有收获