使用jquery控制只能输入数字,并且关闭输入法

简介: 控制文本框只能输入数字是一个很常见的需求,比如电话号码的输入、数量的输入等,这时候就需要我们控制文本框只能输入数字。在用js控制之后在英文输入法的状态下去敲击键盘上的非数字键是输不进去的,然而当你转到中文输入法的时候输入的是中文,再按空格或回车键,中文或英文字母就输进去了,这时候就需要我们在文本框得到焦点的时候把输入法关闭,就是不响应输入法的切换。
+关注继续查看

控制文本框只能输入数字是一个很常见的需求,比如电话号码的输入、数量的输入等,这时候就需要我们控制文本框只能输入数字。在用js控制之后在英文输入法的状态下去敲击键盘上的非数字键是输不进去的,然而当你转到中文输入法的时候输入的是中文,再按空格或回车键,中文或英文字母就输进去了,这时候就需要我们在文本框得到焦点的时候把输入法关闭,就是不响应输入法的切换。如下语句可以实现这样的功能。

 

下面的语句是用jquery写的,控制class为checkNum的文本框只能输入数字和小数点。

//监听键盘,只允许输入数字和小数点
		$(".checkNum").keypress(function(event) {
			var keyCode = event.which;
			if (keyCode == 46 || (keyCode >= 48 && keyCode <=57) || keyCode == 8)//8是删除键
				return true;
			else
				return false;
		}).focus(function() {
			this.style.imeMode='disabled';
		});

 

imeMode有四种形式,分别是:

active 代表输入法为中文
inactive 代表输入法为英文
auto 代表打开输入法 (默认)
disable 代表关闭输入法

目录
相关文章
|
1月前
|
JavaScript
写jquery插件的思路
写jquery插件的思路
20 0
|
1月前
|
JavaScript
jQuery编写插件的两种方法
jQuery编写插件的两种方法
26 0
|
4月前
|
JavaScript 前端开发 开发者
解决Vue项目中使用原生/jquery插件无法获取DOM的问题
解决Vue项目中使用原生/jquery插件无法获取DOM的问题记录。
154 1
|
5月前
|
存储 JSON JavaScript
JQuery Ztree 树插件配置与应用小结 2
JQuery Ztree 树插件配置与应用小结
53 0
|
5月前
|
JSON JavaScript 前端开发
JQuery Ztree 树插件配置与应用小结 1
JQuery Ztree 树插件配置与应用小结
70 0
|
7月前
|
前端开发 JavaScript
开源炫酷css轮播图 可直接引入html文件使用 含注释 jQuery插件
开源炫酷css轮播图 可直接引入html文件使用 含注释 jQuery插件
开源炫酷css轮播图 可直接引入html文件使用 含注释 jQuery插件
|
8月前
|
JavaScript
jQuery插件实现图片墙小案例
jQuery插件实现图片墙小案例
79 0
|
9月前
|
前端开发 JavaScript 测试技术
【jquery Ajax】接口的学习与Postcode插件的使用
【jquery Ajax】接口的学习与Postcode插件的使用
121 0
【jquery Ajax】接口的学习与Postcode插件的使用
|
9月前
|
JavaScript
DateTimePicket jQuery 日期插件,开始时间和结束时间示例
DateTimePicket jQuery 日期插件,开始时间和结束时间示例
170 0
DateTimePicket jQuery 日期插件,开始时间和结束时间示例
|
10月前
|
存储 NoSQL JavaScript
利用JQuery上传插件Uploadify实现图片上传MongoDB并预览
利用JQuery上传插件Uploadify实现图片上传MongoDB并预览
176 0