VUE这个验证的代码应该怎样优化一下?

三段都有同样的这一小段代码请问应该怎样优化一下重复的代码呢还有我想问一下表单验证你们都是自己写验证规则吗还是用插件呢?我这样写是不是很不好
setTimeout(()=>{
ins.close()
},800)
returnfalse
if(this.username==''||this.pw==''||this.pw2==''){
letins=this.$toast('用户名或密码不能为空')
setTimeout(()=>{
ins.close()
},800)
returnfalse
}elseif(!regPw.test(this.pw)||!regPw.test(this.pw2)){
letins=this.$toast('密码不合法')
setTimeout(()=>{
ins.close()
},800)
returnfalse
}elseif(this.pw!==this.pw2){
letins=this.$toast('密码不一致')
setTimeout(()=>{
ins.close()
},800)
returnfalse
}
}
慕斯709654
浏览 433回答 2
2回答

一只萌萌小番薯

简单封装一下就好了functionshowToast(txt){letins=this.$toast(txt)setTimeout(()=>{ins.close()},800)}functionisEmpty(arr){returnarr.some(v=>v==='')}functionisEqual(a,b){returna===b}functionisPasswordValid(pwd){returnregPw.test(pwd)}functioncheckValid(){const{username,pw,pw2}=thisif(isEmpty([username,pw,pw2])){showToast('用户名或密码不能为空')returnfalse}if(!isEqual(pw,pw2)){showToast('密码不一致')returnfalse}if(!isPasswordValid(pw)){showToast('密码不合法')returnfalse}returntrue}
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript