<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> 失焦事件 </title>
<script type="text/javascript">
function message(){
alert("请确定已输入密码后,在移开!"); }
</script>
</head>
<body>
<form>
用户:<input name="username" type="text" value="请输入用户名!" onblur="message()">
密码:<input name="password" type="text" value="请输入密码!">
</form>
</body>
</html>
其实你代码没写错,只是你点击(第一个用户名文本框后,再点击空白处,就有弹出了,下面有例子,希望能帮到你,,
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> 失焦事件 </title>
<script type="text/javascript">
function A(){
alert("请确定已输入 ‘用户名后’ ,在移开!"); }
function B(){
alert("请确定已输入 ‘密码后’ ,在移开!"); }
</script>
</head>
<body>
<form>
用户:<input name="username" type="text" value="请输入用户名!" onblur="A()" >
密码:<input name="password" type="text" value="请输入密码!" onblur="B()" >
</form>
</body>
</html>