jquery将input type=number 值保留两位小数(四舍五入)

本文介绍了一种使用jQuery实现表单中价格输入限制的方法,确保输入的价格为两位小数,并提供了保留一位小数的实现思路。

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

背景: 

    from表单填写商品价格时,需要写成两位小数类型,如 2.00 元;

实现:

   //form表单

 <div class="form-line">
     <lable><i>*</i>价格:</lable>
     <input type="number" class="number" name="price" min="0.01" step="0.01">
     <div class="error-msg"></div>
 </div>

//jquery

    $(".number").change(function () {
        var val = $(this).val();
        $(this).val(toDecimal2(val));
    });

    function toDecimal2(x) {
        var f = parseFloat(x);
        if (isNaN(f)) {
            return false;
        }
        var f = Math.round(x*100)/100;
        var s = f.toString();
        var rs = s.indexOf('.');
        if (rs < 0) {
            rs = s.length;
            s += '.';
        }
        while (s.length <= rs + 2) {
            s += '0';
        }
        return s;
    }

即可实现;

扩展:

   实现保留一位小数,可根据以上代码做微调整;

实现:

  //form表单

<div class="form-line">
   <lable><i>*</i>版本:</lable>
   <input type="number" class="version" name="version" min="0.1" step="0.1">
   <div class="error-msg"></div>
</div>

//jquery

 $(".version").change(function () {
        var val = $(this).val();
        $(this).val(toDecimal1(val));
    });


    function toDecimal1(x) {
        var f = parseFloat(x);
        if (isNaN(f)) {
            return false;
        }
        var f = Math.round(x*10)/10;
        var s = f.toString();
        var rs = s.indexOf('.');
        if (rs < 0) {
            rs = s.length;
            s += '.';
        }
        while (s.length <= rs + 1) {
            s += '0';
        }
        return s;
    }

完成。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值