                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

请问执行这串代码,在浏览器上对密码输入框我已经输入密码了,为什么离开时还是会发生失焦事件(弹出警报)?该怎么制止?

function message(){

alert("请确定已输入密码后，在移开!"); }

</script>

</head>

<body>

<form>

用户:<input name="username" type="text" value="请输入用户名！" ">

密码:<input name="password" type="text" value="请输入密码！" onblur="message()">

</form>

Veen

2015-12-20

源自：JavaScript进阶篇 6-6

关注问题我要回答

988

操作

收起

1 回答

李晓健回答被采纳 +3 积分
2015-12-20

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>xxx</title>
    <script>
        function message(el) {
            console.log(el);
            if(!el.value && el.value !== 0){
                alert("请确定已输入密码后，在移开!");
            }
        }
    </script>
</head>
<body>
<form>
    用户:<input name="username" type="text" placeholder="请输入用户名">
    密码:<input name="password" type="password" placeholder="请输入密码！" onblur="message(this)">
</form>

</body>
</html>

你可以这样试一下