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、火狐均兼容
jQuery的input 失去焦点之后,不能再获取到焦点的更多相关文章
- 解决jQuery中input 失去焦点之后,不能再获取到焦点
//编辑过敏史 if(iToolbar == 'editGMS'){ lstype="gms"; var gms=""; if(gmstype=="0 ...
- 背水一战 Windows 10 (76) - 控件(控件基类): Control - 基础知识, 焦点相关, 运行时获取 ControlTemplate 和 DataTemplate 中的元素
[源码下载] 背水一战 Windows 10 (76) - 控件(控件基类): Control - 基础知识, 焦点相关, 运行时获取 ControlTemplate 和 DataTemplate 中 ...
- jquery input 下拉框(模拟select控件)焦点事件
本章主要讲解如何实现select下拉列表可输入效果 ps:input提供输入,然后用ul去模拟一个select下拉列表效果即可,关键在于点击div之外的地方隐藏ul,下面是html基本结构: < ...
- 基于jQuery的input输入框下拉提示层(自动邮箱后缀名)
基于jQuery的input输入框下拉提示层,方便用户输入邮箱时的提示信息,需要的朋友可以参考下 效果图 // JavaScript Document (function($){ $.fn ...
- js(jquery)解决input元素的blur事件和其他非表单元素的click事件冲突的方法
HTML结构:很简单,就一个input,一个div,能说明问题就OK了: <input type="text" value="默认值"><br ...
- JQuery让input从disabled变成enabled
JQuery让input从disabled变成enabled document.getElementByIdx_x("removeButton").disabled = false ...
- jquery绑定input的change事件
### jquery绑定input的change事件 背景:在做一个登录页时,如果用户未输入验证码则无法点击登录按钮,所以想到了用input的change事件,但是在写完后发现无法监听input值的改 ...
- js 获取当前焦点所在的元素、给元素和input控件添加键盘监听事件、添加页面级的键盘监听事件
页面级的键盘监听事件 document.onkeydown = function (event) { var e = event || window.event || arguments.callee ...
- 基于MVC4+EasyUI的Web开发框架经验总结(1)-利用jQuery Tags Input 插件显示选择记录
最近花了不少时间在重构和进一步提炼我的Web开发框架上,力求在用户体验和界面设计方面,和Winform开发框架保持一致,而在Web上,我主要采用EasyUI的前端界面处理技术,走MVC的技术路线,在重 ...
随机推荐
- NOIP2016参赛总结
NOIP2016复赛参赛总结 noip2016终于结束了,对于这次的比赛我只想说,死得好惨.(画风突变) 赛前趁着期中考浪到常州去培训,一天两套模拟的训练真的是心力交瘁(好吧没这么严重),不过那些模拟 ...
- Xenko基础API笔记3- Pointers指针设备屏幕上点对应的手指触摸。
样本这里是一个简单的示例程序,跟踪目前在屏幕上的指针和打印他们的位置.访问输入字段,类继承自@ SiliconStudio.Xenko.脚本的类. public override async Task ...
- 原生js事件和jquery事件的执行顺序问题
场景:近日,写前端页面时候,在针对输入框input操作时,用到了jquery的插件,插件中使用了jquery的focus()和blur()方法.但是同时,又需要在插件之外再针对输入框的获取焦点和失去焦 ...
- 数据库——DQL(语句查询)
查询的基本结构: 概念: 查询(DQL)是数据库中最为常用和复杂的一种SQL结构,学会编写查询SQL是程序员必须具备的能力. 要从数据库中查询数据,我们要使用SQL的SELECT语句.标准SELECT ...
- Electronic Payment App analysis
Electronic Payment App is getting more and more popular now. People don't have to bring credit cards ...
- Linux第三周——跟踪分析内核的启动过程
跟踪分析内核的启动过程实验 张潇月<Linux内核分析>MOOC课程http://mooc.study.163.com/course/USTC-1000029000 这周主要学习的是对内核 ...
- QRCode二维码生成
pom配置 <dependency> <groupId>com.github.cloudecho</groupId> <artifactId>qrcod ...
- Visual Studio 15 Preview 4安装
今天看到了有Visual Studio 15 Preview 4的安装文件放出,便想去安装体验一下C# 7.0的新语法.谁知安装时遇到一个错误: 手动下载这个补丁安装后,还是提示这个错误.本来以为是还 ...
- 多媒体(2):WAVE文件格式分析
目录 多媒体(1):MCI接口编程 多媒体(2):WAVE文件格式分析 多媒体(3):基于WindowsAPI的视频捕捉卡操作 多媒体(4):JPEG图像压缩编码 多媒体(2):WAVE文件格式分析
- Nginx 和 PHP的安装配置
1.安装PHP(注意系统默认安装了php,要安装高版本之前最好卸载旧版本,因为这个原因纠结了四个小时) ./configure \ --prefix=/usr/local/php \ --exec-p ...