`
234390216
  • 浏览: 10233192 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
博客专栏
A5ee55b9-a463-3d09-9c78-0c0cf33198cd
Oracle基础
浏览量:462640
Ad26f909-6440-35a9-b4e9-9aea825bd38e
springMVC介绍
浏览量:1775534
Ce363057-ae4d-3ee1-bb46-e7b51a722a4b
Mybatis简介
浏览量:1398380
Bdeb91ad-cf8a-3fe9-942a-3710073b4000
Spring整合JMS
浏览量:395024
5cbbde67-7cd5-313c-95c2-4185389601e7
Ehcache简介
浏览量:679993
Cc1c0708-ccc2-3d20-ba47-d40e04440682
Cas简介
浏览量:530899
51592fc3-854c-34f4-9eff-cb82d993ab3a
Spring Securi...
浏览量:1183979
23e1c30e-ef8c-3702-aa3c-e83277ffca91
Spring基础知识
浏览量:467943
4af1c81c-eb9d-365f-b759-07685a32156e
Spring Aop介绍
浏览量:151403
2f926891-9e7a-3ce2-a074-3acb2aaf2584
JAXB简介
浏览量:68154
社区版块
存档分类
最新评论

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

阅读更多

控制文本框只能输入数字是一个很常见的需求,比如电话号码的输入、数量的输入等,这时候就需要我们控制文本框只能输入数字。在用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 代表关闭输入法

2
2
分享到:
评论
3 楼 bing_it 2015-10-08  
bing_it 写道

2 楼 bing_it 2015-10-08  
1 楼 yzhw 2011-08-02  
遇到过这样的问题,当初用插件解决的,以后遇到用这个试试

相关推荐

    jquery控制input只能输入数字和小数点,并且只能有一个小数点,小数点前第一位不能为0

    本资源可以满足金额有关的一些input框输入,只能输入类似10.001的数据,并且小数点前第一位不能是0,我使用这个是为了管理后台做版本控制,我们只需要1.11这种格式的版本号

    jquery只能输入数字的文本框插件

    总结来说,“jquery只能输入数字的文本框插件”是一个提高表单数据输入准确性的工具,通过使用jQuery的插件机制,使得限制用户输入数字的操作变得简单而高效。它的实现涉及到JavaScript事件处理、字符串验证和用户...

    jquery 强制设置文本框处于英文输入法状态

    总结来说,面对“jquery 强制设置文本框处于英文输入法状态”的问题,开发人员可以利用jQuery事件处理和JavaScript的特性来控制文本框的输入模式,确保在扫描枪或其他输入设备触发时,系统不会误切换到中文输入法。...

    3种Jquery限制文本框只能输入数字字母的方法

    尤其在表单处理中,限制用户在文本框中只能输入数字或字母是一个常见需求。Jquery作为JavaScript的一个流行的库,提供了一种简便的方法来操作DOM并增加这种限制。 第一种方法是通过$.fn.onlyNum()函数限制文本框只...

    输入textbox控件只能输入数字

    6. **使用库或插件**:有些UI库如jQuery UI、Bootstrap等提供了可配置的输入框插件,可以直接设定输入类型为数字。 综上所述,限制TextBox控件只能输入数字是一个多方面的问题,涉及到前端和后端的处理,以及可能的...

    jquery插件,是文本框只能输入数字

    这个插件的标题"jquery插件,是文本框只能输入数字"表明我们正在讨论一个特定的jQuery扩展,它的功能是限制用户在文本框中只能输入数字。这种功能在各种场景下都很实用,例如在线表单、财务输入或任何需要精确数字...

    jquery限制最大输入数字插件特效

    在本主题“jquery限制最大输入数字插件特效”中,我们将深入探讨如何使用jQuery实现对用户输入数字的限制,以及如何创建类似新浪微博的动态效果。 首先,jQuery限制最大输入数字的功能主要应用于表单输入,特别是...

    jQuery控制文本框只能输入数字和字母及使用方法

    这个函数综合了前两个函数的逻辑,既允许数字输入也允许字母输入,并通过`keypress`事件处理函数来实现这一限制。 ### jQuery扩展方法的使用 上述三个函数都是作为jQuery的扩展方法实现的,这意味着它们可以直接...

    jquery限定文本框只能输入数字(整数和小数)

    本文实例介绍了jquery限定文本框只能输入数字的详细代码,分享给大家供大家参考,具体内容如下 先来一段规定文本框只能够输入数字包括小数的jQuery代码: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta ...

    jquery限定文本框只能输入数字即整数和小数

    这样就可以确保`#myInput`这个文本框只能接受整数或包含小数的数字输入,同时防止用户使用非数字字符或通过粘贴引入非法数据。这种方法在创建表单、在线支付或其他需要精确数字输入的场景中非常有用。

    js 控制文本框只能输入数字 自己开发了一个jquery插件

    在JavaScript和jQuery的世界里,开发一个插件来控制文本框(input[type="text"])只能输入数字是一项常见的任务。这通常涉及到对用户输入的实时验证,以确保输入的数据符合预期的格式。以下是一个关于如何自己开发...

    jQuery控制input只能输入数字和两位小数的方法

    做为一个PHPER,难免会遇到那种表单中jQuery限制输入的问题,比如,限制空格的输入,只允许输入数字,以及小数点的控制等等,这里,我们就说一下数字的限制。 jquery代码 话不多说,直接先上jQuery函数,具体的可以...

    jquery写的拼音输入法

    在构建拼音输入法时,jQuery可以协助我们处理用户输入事件、动态更新页面内容以及实现平滑的视觉效果。 接着,让我们深入探讨拼音输入法的实现过程。一个基本的拼音输入法系统通常包括以下组件: 1. **拼音库**:...

    gxcuizy#markdown#代码片段之jQuery控制input只能输入数字和两位小数1

    前言做为一个PHPER,难免会遇到那种表单中jQuery限制输入的问题,比如,限制空格的输入,只允许输入数字,以及小数点的控制等等,这里,我们就说一下数字的限制

    输入框只能输入0.5的倍数

    通常,我们会使用`&lt;input&gt;`标签,其type属性可以设置为"text"或"number"来创建文本输入或数字输入。为了限制用户只能输入0.5的倍数,我们可能需要将type设为"number",因为它提供了更多的内置验证功能。 ```html `...

    jquery数字键盘银行网站数字键盘

    它基于jQuery库,提供了简洁易用的数字输入键盘界面,确保用户只能输入数字,从而防止了通过常规键盘输入时可能存在的安全风险。 jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及...

    Jquery数字输入插件,淘宝商品数量输入插件、

    总结来说,"jQuery数字输入插件"是一种用于控制用户输入数字的工具,尤其适用于电商网站的商品数量选择。通过这个插件,开发者可以轻松实现数值的验证、格式化和与服务器的交互,提高用户体验。"key.number"这个插件...

Global site tag (gtag.js) - Google Analytics