jQuery实现文本框只能输入数字/关闭输入法状态

发布时间:2019-11-09编辑:脚本学堂
本文介绍了jquery限制文本框只能输入数字,并实现关闭输入法状态的方法,一个简单的jquery实例,有需要的朋友参考下。

本节内容:
jquery控制文本框只能输入数字

对一个文本框的输入内容进行控制,比如控制文本框只能输入数字,比如电话号码的输入、数量的输入等,这时需要控制文本框只能输入数字。

在用js控制之后在英文 输入法的状态下去敲击键盘上的非数字键是输不进去的,然而当转到中文输入法时输入的是中文,再按空格或回车键,中文或英文字母就输进去了。
此时需要在文本框得到焦点时把输入法关闭,就是不响应输入法的切换。

例子,用jquery写的,控制class为checkNum的文本框只能输入数字和小数点。
 

复制代码 代码示例:
//监听键盘,只允许输入数字和小数点
javascript Code复制内容到剪贴板
$(".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'; 
});  // www.jb200.com

说明,文本框的样式imeMode有四种模式式,分别是:
active 代表输入法为中文
inactive 代表输入法为英文
auto 代表打开输入法 (默认)
disable 代表关闭输入法