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

关于失焦问题，我输入密码后仍然会有弹窗！！

要是真实开发环境，别人输入密码后仍然有弹窗是不是很烦。怎么解决这个问题

波雅丶汉库克

2016-08-09

源自：JavaScript进阶篇 6-6

关注问题我要回答

815

操作

收起

4 回答

湛瞳回答被采纳 +3 积分
2016-08-10

js：

<script type="text/javascript">
function message(str){
  if (str == "请输入密码！" || str == '') {
   alert("请确定已输入密码后，再移开!");
  }
}
</script>

结构：
<form>
用户:<input name="username" type="text" value="请输入用户名！" >
密码:<input name="password" type="text" value="请输入密码！" onblur="message(this.value)">
</form>

你试试

0 回复有任何疑惑可以回复我~

#1

波雅丶汉库克提问者

非常感谢！

2016-08-25 回复有任何疑惑可以回复我~

#2

这里输入框内容不用获取吗？str是函数的参数，怎么和输入框内容关联起来了？this.value是什么？不明白

2016-10-10 回复有任何疑惑可以回复我~

桃太郎
2016-10-10

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title> 失焦事件 </title>

<script type="text/javascript">

function message(){

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

var mima=document.getElementsByName("password")[0].value;

if(mima!=""){

message=null;

}

}

</script>

</head>

<body>

<form>

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

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

</form>

</body>

</html>

0 回复有任何疑惑可以回复我~

慕粉void
2016-08-24

该例子只是演示失焦的效果，光标离开即失焦，与是否填入密码无关。

0 回复有任何疑惑可以回复我~

橙蓄缘杀手
2016-08-10

不会的，相信你自己登陆过各种的论坛或者网站，你知道都不会有你那种结果，那是因为你的代码有问题，其实你可以修改的。

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

JavaScript进阶篇

参与学习 468061 人
解答问题 21891 个

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

本课相似问答

4 回答如何做到弹窗后本页面仍然置顶

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

2 回答失焦明明定义在用户却提示要请输入密码

2 回答失焦对象是用户名，怎么弹出来的是密码

1 回答我这个输入2为什么也会出现他弹窗？

搜索更多本课相关问答

关于失焦问题，我输入密码后仍然会有弹窗！！

我要回答关注问题

意见反馈帮助中心 APP下载