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

程序猿联盟

于 2019-04-04 09:37:08 发布

阅读量5.4k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： input金额

本文链接：https://blog.youkuaiyun.com/weixin_43687896/article/details/89011244

前端专栏收录该内容

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));
    }
});