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

首页课程实战体系课手记专栏慕课教程

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

来源：6-6 失焦事件（onblur）

波雅丶汉库克

2016-08-09 23:07

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

写回答关注

4回答

湛瞳

2016-08-10 11:30:07

已采纳

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>
你试试

2 0

桃太郎

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

2016-10-10 20:17:51

共 2 条回复 >
桃太郎

2016-10-10 00:00:48

<!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 0
慕粉void

2016-08-24 23:38:43

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

0 0
橙蓄缘杀手

2016-08-10 02:46:17

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

0 0