input框只能输入金额，且小数点后只能保留两位

最新推荐文章于 2025-04-14 13:41:12 发布

原创最新推荐文章于 2025-04-14 13:41:12 发布 · 5.4k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#input金额

前端专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种使用HTML和JavaScript实现的金额输入框验证方法，确保用户只能输入合法的金额格式，即整数部分可以任意长，小数点后最多保留两位。

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

input框只能输入金额，且小数点后只能保留两位

html
js

html

  <input type="text" class="price" name="buy_price"  placeholder="购买单价(元)">
  <input type="text" class="price" name="sell_price"  placeholder="销售单价(元)">

js

//输入金额验证
$(".price").keyup(function () {
    var reg = $(this).val().match(/\d+\.?\d{0,2}/);
    var txt = '';
    if (reg != null) {
        txt = reg[0];
    }
    $(this).val(txt);
}).change(function () {
    $(this).keypress();
    var v = $(this).val();
    if (/\.$/.test(v))
    {
        $(this).val(v.substr(0, v.length - 1));
    }
});