javascript只能输入数字和小数点的文本框

<html>
<head>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
</head>
<body>
<!--把下面代码加到<body>与</body>之间-->
只能输入数字和小数点的文本框：<input onkeyup="value=value.replace(/[^\d\.]/g,'')">
</body>
</html>

提示：您可以先修改部分代码再运行，对于jquery等代码需要运行后刷新一次

根据评论对代码进行修正：
1 第一个输入必须是数字，不能是小数点。例如.111
2 不能存在多个.连续，只能一个。例如12....1
3 不多出现一个.在不同地方。例如12.1.1

<html>
<head>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
<title>js 只能输入数字和小数点</title>
<script language="JavaScript" type="text/javascript">
	function clearNoNum(obj)
	{
		//先把非数字的都替换掉，除了数字和.
		obj.value = obj.value.replace(/[^\d.]/g,"");
		//必须保证第一个为数字而不是.
		obj.value = obj.value.replace(/^\./g,"");
		//保证只有出现一个.而没有多个.
		obj.value = obj.value.replace(/\.{2,}/g,".");
		//保证.只出现一次，而不能出现两次以上
		obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
	}
	</script>
</head>
<body>
<!--把下面代码加到<body>与</body>之间-->
只能输入数字和小数点的文本框：<input id="input1" onkeyup="clearNoNum(this)">
</body>
</html>

提示：您可以先修改部分代码再运行，对于jquery等代码需要运行后刷新一次

上一篇：javascript验证手机号码是否正确

下一篇：javascript只能输入英文和数字

留下脚印压缩包密码:sosuo8

全部评论:

tiger8000	2009-6-15 21:44:00
可惜啊，能输入中文啊

Ben	2009-5-18 15:47:00
不好意思,是浏览器问题,用了Opera才会显示中文
做到多浏览器兼容是对程序员的考验^-^
Ben	2009-5-18 15:42:00
第一个输入小数点，不会清空中文字符也可输入
我修复了一些bug，你可以看下面的连接。
阿会楠	2009-4-10 20:06:00
解决一下两个问题： 1、光标移动。 2、失去焦点的时候最后一位不能是. 地址是：sosuo8.com/article/show.asp?id=2689

copyleft	2009-3-18 12:12:00
光标不能移动了比如先输入 123.45 想把 123 改成 456 怎么改？？？这BUG 也太严重liiao
我也发现这个问题了，不知道你解决了没有？
dd	2008-12-19 16:34:00
谢谢！能不能加上最后一位不能是小数点呢？

gd	2008-8-21 11:28:00
gd
^-^
A	2008-6-24 15:48:00
怎么控制小数点后做多4位，小数点前最多5位啊！~谢谢
这样的话需要加入输入长度的判断！
纪元	2007-11-30 21:31:00
这个网站太好了，决定收藏了
^-^
wnalf	2007-11-21 14:04:00
不行啊能输入n个点啊，就不叫小数了啊
已经做了些修正，谢谢提醒！^-^

申明:本站部分文章来自网络,由于各种原因对文章的来源无从考究,如果您是“ javascript只能输入数字和小数点的文本框 ”的原作者，若侵犯您的版权,请与我联系!在此请您原谅我的幼稚和无知!联系方法：email:ahuinan@21cn.com QQ:106494262

感谢以下网友对网站提出的建议：
1、感谢“蓝树叶kiss”网友发现一个评论漏洞。(2009-2-28)
2、感谢“陈臣”对程序优化和seo方面的建议。(2009-3-18)

文章档案

作者：阿会楠
来源：搜索吧
日期：2007-11-22 9:33:00
点击：13287

网友投票(您觉得这篇文章怎样？)

请稍侯......

实用文章总结

文章阅读排行

随便看看

最新评论