让html的text输入框只能输入数字和1个小数点(0-59之间可改)

更新时间：2011年11月16日 15:23:48 作者：

今天有同事需要这个功能，主要是限制用户输入不符合规范的数字与小数点导致不好计算价格问题，特整理了下面的代码，需要的朋友可以参考下。

<html> <head> <title>text 数字</title> <meta http-equiv="Content-Type" content="text/html; charset=gbk"> </head> <script type="text/javascript"> function check(event) { var e = window.event || event; var target = e.srcElement || e.target; var k = e.keyCode; if(isFunKey(k)) { return true; } var c = getChar(k); if(target.value.length == '' && (c == '-' || c == '+')) { return true; } if(isNaN(target.value + getChar(k))) { return false; } return true; } function isFunKey(code) { // 8 --> Backspace // 35 --> End // 36 --> Home // 37 --> Left Arrow // 39 --> Right Arrow // 46 --> Delete // 112~123 --> F1~F12 var funKeys = [8, 35, 36, 37, 39, 46]; for(var i = 112; i <= 123; i++) { funKeys.push(i); } for(var i = 0; i < funKeys.length; i++) { if(funKeys[i] == code) { return true; } } return false; } function getChar(k) { if(k >= 48 && k <= 57) { return String.fromCharCode(k); } if(k >= 96 && k <= 105) { return String.fromCharCode(k - 48); } if(k == 110 || k == 190 || k== 188 ) { return "."; } if(k == 109 || k == 189) { return "-"; } if(k == 107 || k == 187) { return "+"; } return "#"; } </script> <style type="text/css"> textarea { width: 200px; height: 80px; } span { color: #ff0000; } </style> <body> <input style="ime-mode:disabled;" onpaste="return false" onkeydown="return check(event)" onkeyup="if(isNaN(this.value)||this.value<0||this.value>59) this.value='0'"> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

js textarea自动增高并隐藏滚动条
textarea自动增高并隐藏滚动条
2009-12-12
让textarea控件的滚动条怎是位与最下方
让textarea控件的滚动条怎是位与最下方...
2007-04-04
让input不可点击的另一种方法
一般对于input的不可点击，不可输入，不可修改等都是用disable=true这一属性，下面的方法，是通过js控制的，各有好处。
2009-02-02
判断Checkbox和Radio的一种方法
判断Checkbox和Radio的一种方法...
2006-08-08
很可爱的输入框
不错的输入框效果，主要是用到了一个背景动画
2008-08-08
js限制文本框只能输入数字(正则表达式)
让文本框只能输入数字也是我们非常常用的一种功能，很多程序中涉及的例如财务、销售等等领域的地方，想要限制用户的输入是非常必要的，如果不能限制用户的输入内容的合法性，轻则系统异常，重则数据错误，所以对用户输入域的合法性验证或限制不容小觑
2012-07-07
select选择事件问题
select选择事件问题...
2007-02-02
从阿里妈妈发现的几个不错的表单验证函数
从阿里妈妈发现的几个不错的表单验证函数...
2007-09-09
javascript 全选/反选,取消选择效果
刚才博客园的javascript首页看到一个朋友的全选/反选效果。
2010-04-04
sina的lightbox效果。
sina的lightbox效果。...
2007-01-01

让html的text输入框只能输入数字和1个小数点(0-59之间可改)

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具