jQuery的input 失去焦点之后,不能再获取到焦点

今天写了一个字段唯一性校验功能,验证设备仪器编号唯一,当输入编号之后 ,点击其他,失去焦点后,后台验证唯一,有过此编号,就给出提示,重新填写。

当使用ie时候,获取焦点正常 ,但是使用火狐就获取不到焦点了。

 

解决方法 :将$("#appNumId").focus()改为如下代码firefox即可识别:

window.setTimeout (function(){ document.getElementById ('appNumId'). select();},0 );

 

 

具体代码如下:

 

前台代码:  这两行代码在firefox 下不好用:

 //用于资产编号和设备编号的唯一性校验
   $(function(){
       $("#assetNumId").blur(function(){
           var assetNum = $("#assetNumId").val();
          //AJAX去后台查询数据库中有这个资产编号吗
           ajaxPost("/apparatus/assetNumCheck",{"assetNum":assetNum},function(data,status){  
                if(data.message =="true"){
                    alert("该资产编号已存在,请重新填写");
                       $("#assetNumId").val("");
                       $("#assertNumId").focus();
               } 
            });
       });
       
       $("#appNumId").blur(function(){
           var appNum = $("#appNumId").val();
           ajaxPost("/apparatus/appNumCheck",{"appNum":appNum},function(data,status){  
                if(data.message =="true"){
                    alert("该设备编号已存在,请重新填写");
                       $("#appNumId").val("");
                       $("#appNumId").focus();
               } 
            });
       })
   })

 更换获取焦点方式后firefox即可使用:

 //用于资产编号和设备编号的唯一性校验
   $(function(){
       $("#assetNumId").blur(function(){
           var assetNum = $("#assetNumId").val();
          //AJAX去后台查询数据库中有这个资产编号吗
           ajaxPost("/apparatus/assetNumCheck",{"assetNum":assetNum},function(data,status){  
                if(data.message =="true"){
                    alert("该资产编号已存在,请重新填写");
                       $("#assetNumId").val("");
                        window.setTimeout (function(){ document.getElementById ('assetNumId'). select();},0 );
               } 
            });
       });
       
       $("#appNumId").blur(function(){
           var appNum = $("#appNumId").val();
           ajaxPost("/apparatus/appNumCheck",{"appNum":appNum},function(data,status){  
                if(data.message =="true"){
                    alert("该设备编号已存在,请重新填写");
                       $("#appNumId").val("");
                        window.setTimeout (function(){ document.getElementById ('appNumId'). select();},0 );
               } 
            });
       })
   })

 

然后ok!,ie、火狐均兼容

 

转载于:https://www.cnblogs.com/zhanghaoliang/p/5752034.html

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值