标题 | 文本框只能输入数字网页代码 |
范文 | 方法一、四事件组合完合可以实现文本框只能输入数字 <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 代表关闭输入法 |
随便看 |
|
在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板,是学习及工作的有利工具。