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

来源:6-6 失焦事件(onblur)

Veen

2015-12-20 16:52

 function message(){

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

</script>    

</head>

<body>

  <form>

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

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

  </form>


写回答 关注

1回答

  • 李晓健
    2015-12-20 21:22:23
    已采纳
    <!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>

    你可以这样试一下

    慕少8622...

    不好意思,没看全!!!

    2015-12-30 15:55:25

    共 3 条回复 >

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468194 学习 · 21891 问题

查看课程

相似问题