js控制输入框只能输入100以内的浮点数，且小数点后只能有2位

最新推荐文章于 2023-01-13 09:19:17 发布

GrasBan

最新推荐文章于 2023-01-13 09:19:17 发布

阅读量2.1k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： java 文章标签： js控制jsp只能输入小于100 js控制输入框只能输入2位小数 js控制输入框只能输入4位小数 js控制只能输入两位整数

本文链接：https://blog.youkuaiyun.com/qq_42359747/article/details/89607710

java 专栏收录该内容

17 篇文章

订阅专栏

该博客主要介绍了如何使用JavaScript来控制输入框，确保用户只能输入100以内的浮点数，并且小数点后最多只能有2位。通过正则表达式实现这一功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JSP内容

<div class="AAA">
		<span class="BBB">数值</span>
		<input id="CCC" onkeyup="AfuClear(this);" onpaste="Afuclear(this);" value=""  class="BBB">
		<font style="color: red">*</font>
	</div>

JS内容
function AfuClear(obj){
	obj.value = obj.value.replace(/[^0-9.]/g,'');//清除“数字”和“.”以外的字符   
	obj.value = obj.value.replace(/\.{2,}/g,".");//只保留第一个. 清除多余的   
	obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
	obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d\d\d).*$/,'$1$2.$3');//只能输入四个小数   
	if(obj.value.indexOf(".")< 0 && obj.value !=""){
		obj.value= parseFloat(obj.value);
	}
	var number = Number(obj.value);
	if(number>100){
		$(obj).val('');
		window.wxc.xcConfirm('该数值不能大于100！', window.wxc.xcConfirm.typeEnum.error);
		return false;
	}
}