教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 Jquery控制只能输入数字(解析)

Jquery控制只能输入数字(解析)

发布时间:2015-12-08   编辑:jiaochengji.com
如何用jquery限制只能输入数字呢?即用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限制只能输入数字的示例代码,以及相关解释,对大家有所帮助。

您可能感兴趣的文章:
Jquery控制只能输入数字(解析)
StringTemplate遇见jQuery冲突的解决方法
基于jquery的bankInput银行卡账号格式化
jQuery 表单验证扩展代码(一)
jquery实现textarea输入字符控制(仿微博输入控制字符)
jQuery 表单验证扩展(四)
Windows 7输入法不能切换,只能打英文解决办法
asp.net Textbox服务器控件的技巧分享(图文)
修改jQuery.Autocomplete插件 支持中文输入法 避免TAB、ENTER键失效、导致表单提交
表单验证插件 jQuery formValidator

关键词: jquery只能输入数字   
[关闭]
~ ~