使用onblur+alert+focus导致的死循环解决

转载于 2018-04-03 14:39:00 发布 · 1.5k 阅读

2 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/feng18/p/8708359.html

本文介绍了一个关于JavaScript中登录名验证时出现的死循环问题及其解决方案。通过分析发现使用alert会导致焦点丢失从而陷入无限循环，文章提出了几种替代方案如修改输入框样式、添加错误提示或使用onchange事件来避免这一问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<input type="text" id="loginName" onblur="checkLoginName()"/>

function checkLoginName() {
        var loginName = $("#loginName").val();
        if (loginName == "") {
            alert("用户名不能为空！");
            $('#loginName').focus();
        }
    }

已经有focus焦点设置了 ,可还是死循环！

解决：不要用alert，会死循环，focus获取焦点，alert会失去焦点，一直死循环，一般处理逻辑都是input标红，或者input后面追加错误提示信息，也可以改用onchange。

转载于:https://www.cnblogs.com/feng18/p/8708359.html