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

当使用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、火狐均兼容

jQuery的input 失去焦点之后,不能再获取到焦点的更多相关文章

  1. 解决jQuery中input 失去焦点之后,不能再获取到焦点

    //编辑过敏史 if(iToolbar == 'editGMS'){ lstype="gms"; var gms=""; if(gmstype=="0 ...

  2. 背水一战 Windows 10 (76) - 控件(控件基类): Control - 基础知识, 焦点相关, 运行时获取 ControlTemplate 和 DataTemplate 中的元素

    [源码下载] 背水一战 Windows 10 (76) - 控件(控件基类): Control - 基础知识, 焦点相关, 运行时获取 ControlTemplate 和 DataTemplate 中 ...

  3. jquery input 下拉框(模拟select控件)焦点事件

    本章主要讲解如何实现select下拉列表可输入效果 ps:input提供输入,然后用ul去模拟一个select下拉列表效果即可,关键在于点击div之外的地方隐藏ul,下面是html基本结构: < ...

  4. 基于jQuery的input输入框下拉提示层(自动邮箱后缀名)

    基于jQuery的input输入框下拉提示层,方便用户输入邮箱时的提示信息,需要的朋友可以参考下     效果图   // JavaScript Document (function($){ $.fn ...

  5. js(jquery)解决input元素的blur事件和其他非表单元素的click事件冲突的方法

    HTML结构:很简单,就一个input,一个div,能说明问题就OK了: <input type="text" value="默认值"><br ...

  6. JQuery让input从disabled变成enabled

    JQuery让input从disabled变成enabled document.getElementByIdx_x("removeButton").disabled = false ...

  7. jquery绑定input的change事件

    ### jquery绑定input的change事件 背景:在做一个登录页时,如果用户未输入验证码则无法点击登录按钮,所以想到了用input的change事件,但是在写完后发现无法监听input值的改 ...

  8. js 获取当前焦点所在的元素、给元素和input控件添加键盘监听事件、添加页面级的键盘监听事件

    页面级的键盘监听事件 document.onkeydown = function (event) { var e = event || window.event || arguments.callee ...

  9. 基于MVC4+EasyUI的Web开发框架经验总结(1)-利用jQuery Tags Input 插件显示选择记录

    最近花了不少时间在重构和进一步提炼我的Web开发框架上,力求在用户体验和界面设计方面,和Winform开发框架保持一致,而在Web上,我主要采用EasyUI的前端界面处理技术,走MVC的技术路线,在重 ...

随机推荐

  1. 关于Jquery中ajax介绍

    jQuery 底层 AJAX 实现.简单易用的高层实现见 $.get, $.post 等.$.ajax() 返回其创建的 XMLHttpRequest 对象.大多数情况下你无需直接操作该函数,除非你需 ...

  2. Entity Framework学习笔记——错误汇总

    之前的小项目做完了,到了总结经验和更新学习笔记的时间了.开始正题之前先啰嗦一下,对之前的学习目标进行一个调整:“根据代码生成表”与“生成数据库脚本和变更脚本”合并为“Code First模式日常使用篇 ...

  3. 基于MFC的单文档,多文档,对话框应用程序

    从类的角度区分: 基于对话框(3个类): CAboutDlg 程序名App 程序名Dlg 单文档(5个类): CAboutDlg CMainFrame 程序名App 程序名Doc 程序名View 多文 ...

  4. 【转】C#大文件读取和查询--内存映射

    笔者最近需要快速查询日志文件,文件大小在4G以上. 需求如下: 1.读取4G左右大小的文件中的指定行,程序运行占用内存不超过500M. 2.希望查询1G以内容,能控制在20s左右. 刚开始觉得这个应该 ...

  5. PostgreSQL 在centos 7下的安装配置

    安装postgresql: sudo yum install postgresql-server 初始化数据库: sudo postgresql-setup initdb 启动数据库: sudo sy ...

  6. (分享)视频压缩Free Video Compressor 汉化版/中文版【全网唯一】

    介绍:Free Video Compressor 是一个免费视频压缩软件,可以帮您有效的压缩视频.电影文件的体积大小,减小占用的磁盘空间,使之更容易放到手机中保存播放Free Video Compre ...

  7. 用JS实现九九乘法表

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  8. redis集群同步迁移方法(二):通过redis-migrate-tool实现

    前篇介绍的redis replication方法,操作步骤多,而且容易出错.在git上看到一些开源工具也能实现同步迁移功能,而且步骤简单,比如redis-port,redis-migrate-tool ...

  9. 浅析tomcat nio 配置

    [尊重原创文章摘自:http://blog.csdn.net/yaerfeng/article/details/7679740] tomcat的运行模式有3种.修改他们的运行模式.3种模式的运行是否成 ...

  10. 内容生成器:content、计数器、多列

    一,内容生成器:content 补充before和after伪类选择器: 1):将内容添加到某个选择器定义的单个或者多个元素的每一个实例之前或者之后 2)与before选择器配合使用(同理大家想下会不 ...