我把网上相关并且有用的摘抄了下来,等有时间再整理
function IsEmpty(txtbox,msg)
{
if(txtbox.value=="")
;
txtbox.onfocus();
}
<html>
<head></head>
<body>
<input type="textbox" id="txtName" οnblur="IsEmpty(txtName,'姓名不能为空')" />
<input type="textbox" id="txtSex" οnblur="IsEmpty(txtSex,'性别不能为空')" />
</body>
</html>
========================================================
html大概如上,如果熟悉的,一眼就可以看出以上代码的问题,明显的关于onfocus()和onblur()死循环。上网查了一下解决方法。以下是几个解决方案,但总体上觉得没一个完美的。希望各位不吝赐教。
1 不用onblur(),改用onchange()。但onchange()很大的局限性,需要改变原来文本并失去焦点时才触发,这样如果原来文本框为空的,按TAB键,因为没改变文本框原值,所以不能触发onchang()事件。因此否定了这个方案。
2 添加两个这样做可以解决问题,但不幸会弹出两次对话框。也否定。
3 去掉onfoucs()事件,这样做的缺点是焦点不能返回错误的文本框。再次否定。
4 采用onpropertychange(),这样做也不爽,在vs的编辑器打上onproperty没有半个字的提示,我猜测onpropertychange()应该不是个标准的东西。
5 在表框提交时,用onclick()替换onblur(),这个也不是个好方法。本人觉得还是输入文本框一个值,即时检查,这样对用户比较友好。
6 不用,用其他方法显示错误信息。但个人认为是最简单快捷的提示错误函数,因为是做后台的,不想搞太多label隐藏之类的东西。当然前台会花一定的心思.
现在还没找到最好的解决方法,希望路人不吝赐教,除了以上几种解决方法,还有什么更好的方法?
var currentControl = null;
function IsEmpty(txtbox,msg)
{
if(currentControl != null && currentControl != txtbox)return;
if(txtbox.value=="")
alert(msg);
currentControl = txtbox
txtbox.focus();
}
<input type="text" onblur=" if(this.value=='')setTimeout( function(obj){return function(){obj.focus()}}(this),50)" />