js校验金额问题,保留小数点两位

最新推荐文章于 2024-03-22 18:03:38 发布

原创最新推荐文章于 2024-03-22 18:03:38 发布 · 3.2k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#java #javascript

js 同时被 2 个专栏收录

3 篇文章

订阅专栏

Java

3 篇文章

订阅专栏

本文介绍了如何使用JavaScript进行金额输入的校验，确保输入值为数字并限制最多保留两位小数。通过示例代码展示了如何在用户输入时即时清理非法字符，并在输入完成后检查末尾多余的点号。

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

<td style="width: 15%; height: 50px;">
   <span class="must_input">*</span>产品原价(元)
</td>
<td><input type="text" name="originalPrice" id="originalPrice" oninput="checkMoney(this)" placeholder='0.00' 
	style="width: 200px;" value="${originalPrice!}" maxlength=8>
</td>

对应js代码：
//这里判断输入的数据是否是数字
function checkMoney(t){
    if($(t).val() != ''){
        var val = $(t).val();
        $(t).val(val.replace(/[^(0-9)|(.)]/g,''));
        if(isNaN($(t).val())){
            $(t).val($(t).val().slice(0,-1));
        }
    }
}

$("#originalPrice").keyup(function (event) {//原价金额校验
       //这个判断仅仅是控制光标，不加则每次光标都会移动到最后
    if(event.keyCode!='37' && event.keyCode!='38' && event.keyCode!='39' && event.keyCode!='40'){
         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));
    }
});