密码框获取焦点实时判断,提示正确错误

项目场景:

提示:密码输入框对密码的判断:
项目场景:鼠标的获得焦点、失去焦点


问题描述:

密码输入不正确:提示信息
在这里插入图片描述
密码输入正确:提示信息
在这里插入图片描述


原因分析:

提示:这里填写问题的分析:
例如:Handler 发送消息有两种方式,分别是 Handler.obtainMessage()和 Handler.sendMessage(),其中 obtainMessage 方式当数据量过大时,由于 MessageQuene 大小也有限,所以当 message 处理不及时时,会造成先传的数据被覆盖,进而导致数据丢失。


解决方案:

提示:这里填写该问题的具体解决方案:

<div class="msgInfo">
	<div class="msgInfo_1" v-if="isDisplay">
		<img src="../../assets/images/warn.png" class="img_warn"/>
		<span class="text_span">原密码不正确,请重新输入正确密码!</span>
	</div>
	<div class="msgInfo_2" v-if="isDisplay_1">
		<img src="../../assets/images/codeSuccess.png" class="img_codeSuccess"/>
	</div>
</div>
<script>
	export default {
	  name: "UpdatePassword",
	  data() {
	  	  //data中设置默认值
	      isDisplay: false,
	      isDisplay_1: false,
	    };
	  },
	methods: {
    	lostFocus(){
	      if (this.form.code == ""){
	        return;
	      }
	      const userInfo = JSON.parse(this.$Storage.get("userinfo"));
	      const userName = userInfo.userName;
	      this.$postAPI("/verificationPwd", {
	        oldPassword: this.form.code,
	        userName: userName
	      }).then(res => {
	        if (res.retMsg != "旧密码输入错误!") {
	          //密码正确错误提示隐藏
	          //密码正确正确提示显示
	          this.isDisplay = false;
	          this.isDisplay_1 = true;
	          // this.$message({
	          //   message: "密码验证成功",
	          //   type: "success"
	          // });
	          //修改密码之后跳转到登录页面
	        } else {
	          //this.$message.error("旧密码输入错误!");
	          //密码错误提示信息显示
	          this.isDisplay = true;
	          //密码正确提示信息显示
	          this.isDisplay_1 = false;
	        }
	      });
	    },
	 }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值