JQuery控制金额只能输入数字

最新推荐文章于 2023-05-06 16:40:48 发布

怡颜

最新推荐文章于 2023-05-06 16:40:48 发布

阅读量647

点赞数

CC 4.0 BY-SA版权

分类专栏： javaScript jQuery

本文链接：https://blog.youkuaiyun.com/weixin_42305140/article/details/87281554

javaScript 同时被 2 个专栏收录

2 篇文章

订阅专栏

jQuery

1 篇文章

订阅专栏

本文介绍了一个JavaScript函数，用于控制用户输入的金额格式，确保输入的金额只包含数字和最多两位小数，同时避免了如01、02等不规范的金额输入。

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

//控制金额只能输入数字并且最多允许小数点两位
       function clearNoNum(obj){
       obj.value = obj.value.replace(/[^\d.]/g,""); //清除“数字”和“.”以外的字符
       obj.value = obj.value.replace(/\.{2,}/g,"."); //只保留第一个. 清除多余的
       obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
       if(obj.value !=""){//以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额
       obj.value= parseFloat(obj.value);
       }
       }

//例子

<!DOCTYPE html>
<html>
<head>
   <meta charset="utf-8">
   <title>控制输入金额</title>
   
   <script type="text/javascript" src="jQuery.js"></script>
   <script type="text/javascript">
       //控制金额只能输入数字并且最多允许小数点两位
       function clearNoNum(obj){
       obj.value = obj.value.replace(/[^\d.]/g,""); //清除“数字”和“.”以外的字符
       obj.value = obj.value.replace(/\.{2,}/g,"."); //只保留第一个. 清除多余的
       obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
       if(obj.value !=""){//以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额
       obj.value= parseFloat(obj.value);
       }
       }

</script>
</head>
<body>
<p>请输入金额：<input name="price" id="price" onkeyup="clearNoNum(this)"/></p>
</body>
</html>