Vue 短信验证码逻辑

 

只要改动手机号,就在watch中把验证码状态更改为false

 

只要改动验证码(或首次输入验证码)时,就在watch中判断之前是否暂存过验证码

1. 暂存过。

说明通过验证后,又重新输入了一遍验证码。这时就要判断验证码是否和暂存的验证码保持一致:

1>. 一致。不进行重新校验,并记录验证码状态

2>. 不一致。进行重新校验,并记录验证码状态

 

2. 未暂存过。

如果验证码输入满6位(位数取决于状态码的长度),则自动判断验证码是否正确,若验证成功,将验证码暂存起来,验证码的状态更改为true

 

验证码的状态为true,才可以进行注册提交操作

 

 

identifyNumberResultBlur: 验证码状态为false 且不为空时才进行校验(如果验证码输入框为空,直接保持false状态)

 

posted @ 2020-05-12 10:05  牧羊狼  阅读(391)  评论(0编辑  收藏  举报