`
fph888
  • 浏览: 5553 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
最近访客 更多访客>>
社区版块
存档分类
最新评论

Jquery控制只能输入数字

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


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

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

imeMode有四种形式,分别是:

active 代表输入法为中文
inactive 代表输入法为英文
auto 代表打开输入法 (默认)
disable 代表关闭输入法
分享到:
评论

相关推荐

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

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

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

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

    输入textbox控件只能输入数字

    标题"输入textbox控件只能输入数字"所描述的问题就是如何在TextBox控件中实现这个功能,确保用户只能输入数字,防止输入其他字符,这在诸如数据录入、年龄验证等场景中尤为常见。 要实现这一目标,开发者可以采用...

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

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

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

    通过jQuery来控制文本框只能输入数字和字母是一种有效的方法,可以减少因非法输入而造成的问题。通过上述介绍,可以了解到实现这一功能所需的基本知识点和操作步骤,同时也认识到在不同浏览器中实现功能时可能存在的...

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

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

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

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

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

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

    输入框只能输入0.5的倍数

    标题“输入框只能输入0.5的倍数”所涉及的知识点主要集中在前端表单验证和数字格式化上。在Web开发中,我们经常需要对用户输入的数据进行约束,确保其符合特定的业务规则,例如这里提到的输入值必须是0.5的倍数。...

    表单验证只能输入数字中文源码

    对于"只能输入数字和中文"的验证,我们可以使用JavaScript或者jQuery来实现。JavaScript是一种常用的客户端脚本语言,它可以与HTML和CSS结合,用于创建交互式网页。下面是一个简单的JavaScript函数示例,用于限制...

    jQuery虚拟数字键盘按键输入代码

    3. **数字键盘**:这款jQuery插件专注于数字输入,只显示0到9的数字键,以及可能的加减乘除等运算符,确保用户只能输入预定的数值类型数据。这在需要精确控制输入格式的应用场景中非常有用。 4. **输入框(Input ...

    JS限制文本框只能输入数字和字母方法

    本文将详细解释如何使用JavaScript来限制文本框中只能输入数字和字母,以及单独限制只能输入数字或字母的方法。 首先,我们需要了解几个基本的JavaScript事件和方法,它们可以帮助我们在用户输入时进行即时的验证。...

    jquery 车牌号输入键盘

    3. **输入验证**:在用户输入过程中,可能会有车牌号格式的验证,例如限制某些位置只能输入特定字符类型。 4. **动态更新**:当用户点击键盘时,输入框的内容会实时更新,展示当前输入的车牌号。 5. **关闭键盘**...

    jQuery+正则+文本框只能输入数字的实现方法

    ### jQuery+正则表达式实现文本框只能输入数字的方法 在网页开发中,经常会有需求限制用户在文本框中只能输入数字。这不仅可以防止用户输入非数字字符造成的数据错误,还可以增强表单验证的用户体验。本文将介绍...

    jquery教程限制文本框只能输入数字和小数点示例分享

    总结来说,使用JQuery来限制文本框只能输入数字和小数点是一个实用的技术点,可以提高数据输入的质量,减少后端处理数据时的复杂性。通过理解并应用以上知识点,前端开发者可以有效地实现这一功能,并通过适当的测试...

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

    为了实现文本框中只能输入数字(整数和小数)的功能,我们需要绑定几个事件到输入框上。首先,我们要阻止输入法的自动弹出,因为在中文输入法状态下,用户可以输入许多非数字字符。其次,我们需要对键盘按键事件...

    js限制输入框只能输入数字(onkeyup触发)

    ### 知识点:使用JavaScript限制输入框只能输入数字 #### 概述 本文介绍了如何利用JavaScript实现仅允许用户在输入框中输入数字的功能。这一需求在各种基于Web的表单验证中非常常见,例如在填写电话号码、身份证...

    jQuery仿支付宝输入密码特效

    这个特效利用了JavaScript库jQuery的强大功能,结合HTML和CSS来创建一个安全且用户体验良好的输入界面。下面将详细阐述实现这个特效涉及的技术和步骤。 1. **jQuery库**:jQuery是一个广泛使用的JavaScript库,它...

Global site tag (gtag.js) - Google Analytics