jquery 只能输入数字和两位小数的输入框

最新推荐文章于 2022-01-19 16:29:11 发布

一剑荒芜

最新推荐文章于 2022-01-19 16:29:11 发布

阅读量144

点赞数

分类专栏： js html 文章标签： jquery js

本文链接：https://blog.csdn.net/qq_42138058/article/details/116122013

版权

html 同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
		<script type="text/javascript">
            
           function changeInput(val){
           		var num = val.value;
           		var  reg= /^(([0-9][0-9]*)|(([0]\.\d{1,2}|[0-9][0-9]*\.\d{1,2})))$/;
           		if(!reg.test(num)){
           			// 有小数点
	           		var index = num.indexOf(".");
	           		if(index == 0){
	           			$("#textNum").val("0.");    
	           		}else if(index > -1){
	           			var z = num.substring(index + 1);
	           			var len = z.length;
	           			if(z.length != 0 && !reg.test(z) || len > 2){
	           				$("#textNum").val(num.substring(0, num.length - 1));
	           			}
	           		}else{
	           			$("#textNum").val(num.substring(0, num.length - 1));
	           		}
           		}
           }
		</script>
	</head>
	<body>
	这是只能输入数字和两位小数的输入框：
<input type="text" id="textNum" oninput="changeInput(this)"  value="" />
	</body>
</html>

一剑荒芜

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery 只能输入数字和两位小数的输入框

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script> <script type="text/javascript">
复制链接

扫一扫

专栏目录