文本框只能输入数字网页代码
来源: 阅读:639 次 日期:2015-01-09 14:26:12
温馨提示: 小编为您整理了“文本框只能输入数字网页代码”,方便广大网友查阅!

方法一、四事件组合完合可以实现文本框只能输入数字

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 代表关闭输入法

更多信息请查看IT技术专栏

更多信息请查看 CMS教程
由于各方面情况的不断调整与变化, 提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!
相关阅读 CMS教程
关于我们| 联系我们| 人才招聘| 网站声明| 网站帮助| 非正式的简要咨询| 简要咨询须知| 加入群交流| 手机站点| 投诉建议
工业和信息化部备案号:滇ICP备2023014141号-1 云南省教育厅备案号:云教ICP备0901021 滇公网安备53010202001879号 人力资源服务许可证:(云)人服证字(2023)第0102001523号
云南网警备案专用图标
联系电话:0871-65317125(9:00—18:00) 获取招聘考试信息及咨询关注公众号:
咨询QQ:526150442(9:00—18:00) 版权所有:
云南网警报警专用图标
Baidu
map