input 只能输入正负数，且保留小数

太阳与我肩并肩

已于 2023-03-24 15:44:26 修改

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： JS 文章标签： javascript 前端 html5

于 2023-02-16 16:57:26 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_50206068/article/details/129063845

JS 专栏收录该内容

7 篇文章

订阅专栏

文章提供了一对JavaScript函数，用于清理input输入，确保只能输入正负数且最多保留两位小数。函数通过正则表达式移除非法字符，限制小数点数量，并处理特殊情况，如避免0001的情况。要改变小数位数，只需修改函数中的特定数字即可。

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

input 只能输入正负数，且保留小数

在这里插入图片描述

话不多说，上菜

1.只能输入正数，保留两位小数

    function clearNoNum(val) {
        // 先把非数字的都替换掉，除了数字和.
        val = val.replace(/[^\d.]/g, '')
        // 第一个为数字而不是.
        val = val.replace(/^\./g, '')
        // 只有出现一个.而没有多个.
        val = val.replace(/\.{2,}/g, '.')
        // .只出现一次，而不能出现两次以上
        val = val.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')
        // 两位小数
        val = val.replace(/^(\-)*(\d+)\.(\d{2}).*$/, '$1$2.$3');
        // 防止出现 00 01 情况
        if (val.indexOf(".") < 0 && val != "") val = parseFloat(val)

        return val
    }

只能输入正负数，保留两位小数

    function clearNoNum(val) {
        const t = val.charAt(0)
        // 转化为数字形式--包含小数，负数
        // 先把非数字的都替换掉，除了数字和.
        val = val.replace(/[^\d.]/g, '')
        // 第一个为数字而不是.
        val = val.replace(/^\./g, '')
        // 只有出现一个.而没有多个.
        val = val.replace(/\.{2,}/g, '.')
        // .只出现一次，而不能出现两次以上
        val = val.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')
        // 保留两位小数
        val = val.replace(/^(\-)*(\d+)\.(\d{2}).*$/, '$1$2.$3');
        // 防止出现 00 01 情况
        if (val.indexOf(".") < 0 && val != "") val = parseFloat(val)
        // 第一位是负号，则允许添加
        if (t === '-') {
            val = '-' + val
        }
        return val
    }