X  
登录

暂时未开放注册

忘记密码?
登陆
X  
本站已关闭注册功能
统计
  • 建站日期:2022-03-19
  • 文章总数:396 篇
  • 评论总数:201 条
  • 分类总数:22 个
  • 最后更新:11月27日
文章 学习笔记

VUE检查鼠标离开控件事件

安生
首页 学习笔记 正文

今天写spring boot的登录注册案例,想写一个检查用户名是否存在的提示,只要你聚点不在注册名字上,他就检查是否存在相同的名字。

它需要监听鼠标是否在,所以它需要绑定控件,我这里绑定的是用户名框,你们可以自己选需要的框或者控件。我这是Vue写的配合element-ui


VUE检查鼠标离开控件事件
-安生子-AnSheng
-第1
张图片

以上都是页面操作,下面就是JS代码

可以看到我这个是绑定后台数据库检查的,你们可以改成自己的请求格式。反正就是根据后台的反馈的数值判断是不是重复名,如果是就提示弹窗,不是就不提示


VUE检查鼠标离开控件事件
-安生子-AnSheng
-第2
张图片

      // 移出
      doBlur() {
        axios.post("/user/register", this.userForm).then(resp => {
          if (resp.data.code == 2021) {

          } else if (resp.data.code == 2020) {
            this.$message.error("用户名不可用")
            this.userNameMsg = "用户名不可用";
          } else {
            this.$message.error("注册失败,请刷新页面重试")
          }
        })
      }

代码我就放上面了,需要的自己拿。

还有有一个建议,我建议注册时也加一个检测,不然他还是会注册成功的,除非你后台数据库写了唯一数据。

版权说明
文章采用: 《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权。
本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!

-- 展开阅读全文 --
腾讯QQ要出腾讯QQ超级会员10了?
« 上一篇
安卓谷歌地球v9.162.0.2绿化版/强大功能让你探索世界更细致
下一篇 »

发表评论

HI ! 请登录
注册会员,享受下载全站资源特权。
登陆
社交账号登录

时钟

热门文章

2
EMLOG插件-蜘蛛来访统计修复版
5
类和接口的关系