我们经常会检测文本框是否已经被正确输入,检测工作通常在用户点击了提交按钮之后进行,事实上,利用控件失去焦点的时候,我们就可以实时进行这个检测工作,这样的话,onblur事件就派上用场了。
以下例子有2个文本框,如果还没有任何单击它们当中的任意一个的操作,那么什么事情也不会发生,但是,当你单击了其中的任何一个使其拥有了焦点(输入光标在里面),如果什么都没有输入并且单击了别的地方令其失去焦点,就会弹出一个警告,试试看
<html>
<body>
<script language="javascript">
function chkvalue(txt) {
if(txt.value=="") alert("文本框里必须填写内容!");
}
</script>
<form name="blur_test">
姓名 <input type="text" name="name"value="" size="30" οnblur="chkvalue(this)"><br>
年龄 <input type="text" name="name"value="" size="30" οnblur="chkvalue(this)"><br>
</form>
</body>
</html>
结果:
当你失去焦点以后,啥也不输进去的话,那么会有一个提示框会提醒你的!