解决blur事件中正则校验陷入死循环的问题

最新推荐文章于 2022-12-08 16:39:21 发布
最新推荐文章于 2022-12-08 16:39:21 发布
阅读量683 收藏 1
点赞数
分类专栏： Web 文章标签： bug
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gao5805123/article/details/107193776
版权
Web 专栏收录该内容
13 篇文章 13 订阅 ¥19.90 ¥99.00
订阅专栏

解决焦点事件中正则校验陷入死循环的问题

异常描述

给输入框一个失去焦点(blur)事件, 当该事件被触发时进行正则校验, 判断为不符合规范后使用alter弹出警告提示框;异常出现在点击了一个输入框后,无任何输入操作,直接点到另外一个输入框中,此时它会先弹出第一个输入框触发的警告框,然后弹出第二个输入框触发的警告框,并且一直弹出,无法取消

异常原因

失去焦点事件与alter警告框存在冲突

解决方法

创建并使用页面内弹框
邪丶魔狱
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
bootstrap table：JQuery中each方法绑定blur事件监听input输入是否合法，进入死循环
06-02 538
一、问题描述：bootstrap table中每行有一个input框，要对每个input进行检查数值是否在1~10之间（可保留小数点后一位）的数值，每次bind事件之前没有解绑事件，造成点击alert事件次数逐次递增，最后死循环 二、解决方案：每次绑定事件之前进行解绑 //判断输入值为1与10之间，可保留小数点一位 $("input[name='Self...
vue 死循环 loop function
alpha_xu_vvvvv的博客
02-16 1320
<el-table-column prop="state" label="提取状态" width="384" align="center" class-name="bugAwardClass" > <template slot-scope="scope"> <!-- bug --> <span :
陷入死循环
kinghzking的专栏
12-31 640
<br />记录扇入扇出，防止死循环。。。。。<br />今天终于见识到了，什么叫做死循环，抑郁。。。。<br />但是也幸运
2个input都绑定了blur触发弹窗事件，导致死循环
rqk0324的博客
10-21 439
解决办法，在2个input来回切换 不触发弹窗，通过 document.activeElement 判断当前激活的元素是input。
当多个文本框都用onblur()验证时、页面会进入死循环
胡汉三
11-13 6308
欢迎技术交流。 QQ：138986722 最近在给老项目加验证文本框是否数字、不能为空、不能重复这些东西。 当我做好过后突然发现、我每个文本框都用管理onblur()事件来触发验证、结果进入了死循环！ 关闭页面都得用进程杀掉(或者右键关闭)...... 好了废话不多说、讲解决办法先： 多个文本框用一个onblur方法处理、采用if else结构 function prmecNo
HTML事件 onfocus（获得焦点） 和 onblur（失去焦点） 死循环问题
wangshiwen011的博客
05-30 1475
刚刚学到onfocus和onblur事件，我将两者组合在一起，用弹框来展示是否获得或失去焦点，发现根本就是死循环： <script type="text/javascript"> document.getElementById("inp").onfocus=function(){ alert("获得焦点了！"); } document.g...
vue 表单输入框不支持focus及blur事件的解决方案
01-21
采用指令的方式来解决这个问题(此处的前端框架以mint-ui为例): 1.html引用: v-mtfocus 2.在实例中添加指令 directives: { 'mtfocus' (el, binding, vnode) { let mtinput = el.querySelector('input') mtinput....
Javascript中click与blur事件的顺序详析
10-19
click事件通常在用户点击元素时触发，而blur事件则在元素失去焦点时发生。在某些特定的场景下，理解这两种事件的执行顺序是至关重要的，特别是在编写交互逻辑时。 一、现象分析 在一个常见的应用场景中，一个input...
jQuery解决input元素的blur事件和其他非表单元素的click事件冲突问题
11-22
在JavaScript和jQuery编程中，有时会遇到input元素的blur事件与其他非表单元素（如div）的click事件之间存在冲突的问题。这个问题在标题和描述中已经明确指出，主要体现在两个需求上： 1. 当input框获取焦点时，其...
两个失焦事件文本框连点冲突死循环
u011287790的博客
10-24 519
将标签中 onblur() 改为 onchange()
layui给一个输入框绑定失去焦点事件和回车事件导致重复触发问题
hhupp1809684284的博客
10-31 4593
多个绑定事件触发统一方法的解决方案
JavaScript在jQuery $("#").blur(）内使用使用alert()函数导致无限失去焦点循环执行弹窗警告无法跳出解决方案...
该账号已迁移至-编程小马达(https://blog.csdn.net/yangmufa)
02-27 1945
本次小记，问题分析： 1、时间差问题： 在当我点...
Java正则达式引起死循环问题解决办法
热门推荐
shixing_11的专栏
11-09 1万+
最近线上应用一直LOAD值非常高，几乎接近宕机的边缘，开始报异常如下：at java.util.regex.Pattern$GroupTail.match(Unknown Source) at java.util.regex.Pattern$Ctype.match(Unknown Source) at java.util.regex.Pattern$Branch.match(Unknown Source) at java.util.regex.Pattern$GroupHead.match(Unkno
extjs正则验证
love31661988的专栏
07-16 747
//表单验证 extjs默认几种 alpha  只输入英文字母 alphanum  只能输入字母 和 数字 email    电子邮件 url      网址 ----------------------------- {     id:'userName',     name : 'userName',     fieldLabel : '帐号',     vtype:"em
触发onblur事件alert死循环问题
weixin_52331696的博客
10-18 590
!
blur表单验证方式
weixin_44496333的博客
09-12 1227
表单验证方式 * 思路: * 1 给每个input添加失去焦点事件,输入完毕后进行校验 * 校验给错误提示 * 2. 表单提交数据的时候 进行判断 * 是否有错误信息提示 如果有,不能提交数据 <body> <script> $(function () { // 校验 用户名 $("#uname").
正则表达式（表单验证blur）
Mydtudysy的博客
09-21 1077
由于我们自己也经常需要用到一些常用的正则，每次都上网搜多次，这里脚本之家特为大家整理一些，方面使用。
jquery的blur事件里面的focus和alert组合后无限弹出的解决方案
GengJL
10-30 942
原文链接：https://blog.csdn.net/qq...
blur和change在表单验证时的区别
wyhvivi的博客
12-08 584
change和blur的区别
js blur事件 和 focus 事件
最新发布
05-31
`blur`事件和`focus`事件是JavaScript中的两个常用事件，分别表示失去焦点和获得焦点的事件。 当元素失去焦点时，会触发`blur`事件，可以通过`addEventListener`方法为元素添加事件监听器，具体代码如下： ```...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

邪丶魔狱

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值