手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >文本框只能输入数字网页代码
文本框只能输入数字网页代码
摘要:方法一、四事件组合完合可以实现文本框只能输入数字方法二、jquery法实现文本框只能输入数字控制文本框只能输入数字是一个很常见的需求,比如电...

 方法一、四事件组合完合可以实现文本框只能输入数字
<input type="text"
onkeypress = 'return /^d$/.test(String.fromCharCode(event.keyCode))'
oninput= 'this.value = this.value.replace(/D+/g, "")'
onpropertychange='if(!/D+/.test(this.value)){return;};this.value=this.value.replace(/D+/g, "")'
onblur = 'this.value = this.value.replace(/D+/g, "")'/>
方法二、jquery法实现文本框只能输入数字
控制文本框只能输入数字是一个很常见的需求,比如电话号码的输入、数量的输入等,这时候就需要我们控制文本框只能输入数字。在用js控制之后在英文输入法的状态下去敲击键盘上的非数字键是输不进去的,然而当你转到中文输入法的时候输入的是中文,再按空格或回车键,中文或英文字母就输进去了,这时候就需要我们在文本框得到焦点的时候把输入法关闭,就是不响应输入法的切换。如下语句可以实现这样的功能。
下面的语句是用jquery写的,控制class为checkNum的文本框只能输入数字和小数点。
Js代码  收藏代码
//监听键盘,只允许输入数字和小数点  
            $(".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 代表关闭输入法

【文本框只能输入数字网页代码】相关文章:

CSS分页符代码

网页头部css代码优化实例

用css实现十字的布局示例代码

CSS 网页背景渐变实现代码

CSS3正方体旋转示例代码

CSS文本如何折行介绍

天猫新旺铺首页全屏滚动海报代码

用CSS来控制网页背景

文字列表前带数字1234 隔行换色

文字排版在网页制作中应遵守的原则

精品推荐
分类导航