js input 数字后面是两位小数点

最新推荐文章于 2025-11-07 09:10:18 发布

原创最新推荐文章于 2025-11-07 09:10:18 发布 · 1.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#js

js 专栏收录该内容

1 篇文章

订阅专栏

本文介绍两种方法实现对输入框内的数值进行格式控制，确保价格类输入只能保留最多两位小数。一种是纯HTML的方式，另一种结合了jQuery进行处理。

二者任选其一

1. //直接Input可以完成需求

<input type = "text" name= "price" id = 'price' onkeyup= "if( ! /^-?\d+\.?\d{0,2}$/.test(this.value)){ var s = this.value;this.value=s.substring(0,s.indexOf('.')+3)}" />

2. //Input +js 可以完成需求
<input type = "text" name= "price" id = 'price' onkeyup= "keyup($(this));" />
<script src="https://cdn.bootcss.com/jquery/2.0.0/jquery.min.js"></script>
<script>

function keyup(that){
var s = that.val();
if( ! /^-?\d+\.?\d{0,2}$/.test(s)){
that.value=s.substring(0,s.indexOf(".")+3);
}
}
</script>