页面输入框js正则验证输入值为数字，且只保留小数点后四位

最新推荐文章于 2022-05-06 10:00:51 发布

原创最新推荐文章于 2022-05-06 10:00:51 发布 · 4.8k 阅读

5 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种使用HTML和JavaScript实现的表单输入控制方法，该方法能够确保用户仅能输入数字，并且限制了小数点的数量及整体长度。

部署运行你感兴趣的模型镜像

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="js/jquery-1.9.1.min.js"></script>
</head>
<body>
<!-- 只能输入数字,能输小数点.,只能四位小数  -->


<!-- maxlength="11"  只能输入11位 -->
<input  type="text"  maxlength="11" />

<script>

	function clearNoNum(obj){ 

		//先把非数字的都替换掉，除了数字和. 

		obj.value = obj.value.replace(/[^\d.]/g,"");

		//保证只有出现一个.而没有多个. 

		obj.value = obj.value.replace(/\.{2,}/g,".");

		//必须保证第一个为数字而不是. 

		obj.value = obj.value.replace(/^\./g,"");

		//保证.只出现一次，而不能出现两次以上 

		obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");

		//只能输入四个小数 (\d\d\d\d)

		obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d\d\d).*$/,'$1$2.$3');


	} 

	$('input').on('keyup propertychange',function(){
		clearNoNum(this)
	})
</script>
</body>
</html>

您可能感兴趣的与本文相关的镜像