input框金额输入验证

最新推荐文章于 2023-02-28 14:49:40 发布

我在等风也等你啊

最新推荐文章于 2023-02-28 14:49:40 发布

阅读量992

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/github_37077700/article/details/88960864

本文介绍了一个用于HTML输入框的金额验证脚本，确保用户输入的金额格式正确，仅包含数字，且小数点后保留两位小数。通过JavaScript实现，包括去除非法字符、限制小数点数量和位数等功能。

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

input框金额输入验证

金额输入要求：只能是数字且小数点后保留两位小数

html

<input type="text"  min="10" id="dc-moneyInput" />

js

<script>

function checknum(obj)
{
    //如果输入非数字，则替换为''
    obj.value = obj.value.replace(/[^\d\.]/g, '');
    //必须保证第一个为数字而不是.
    obj.value = obj.value.replace(/^\./g,'');
    //前两位不能是0加数字
    obj.value = obj.value.replace(/^0\d[0-9]*/g,'');
    //保证只有出现一个.而没有多个.
    obj.value = obj.value.replace(/\.{2,}/g,'.');
    //保证.只出现一次，而不能出现两次以上
    obj.value = obj.value.replace('.','$#$').replace(/\./g,'').replace('$#$','.');
    //只能输入两位小数
    obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3');
}

$('#dc-moneyInput').on('input',function () {

    checknum(this);

    ......

})

</script>