【20100209】onblur 和onfocus问题

我把网上相关并且有用的摘抄了下来,等有时间再整理

 

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)" />

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值