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

最新推荐文章于 2024-08-07 14:27:10 发布

原创最新推荐文章于 2024-08-07 14:27:10 发布 · 175 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #HTML #ViewUI

JavaScript相关专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种使用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>

小数点判断
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>