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

jason_lyp

于 2017-08-29 22:02:44 发布

阅读量4.5k

点赞数 1

分类专栏： javascript

本文链接：https://blog.csdn.net/jason_lyp/article/details/77688835

版权

javascript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<!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>

jason_lyp

关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
页面输入框js正则验证输入值为数字，且只保留小数点后四位

Document function clearNoNum(obj){ //先把非数字的都替换掉，除了数字和. obj.value = obj.value.replace(/[^\d.]/g,""); //保证只有出现一个.而没有多个. obj.value = obj.value.replace(/\.{2,}/g,"."); //必须保
复制链接

扫一扫

专栏目录