input 限制只能输入0.01-1数字且保留小数点后两位

最新推荐文章于 2024-06-11 11:08:11 发布

原创最新推荐文章于 2024-06-11 11:08:11 发布 · 2.7k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#js #正则表达式

javascript 同时被 2 个专栏收录

1 篇文章

订阅专栏

input

1 篇文章

订阅专栏

这段代码展示了一个JavaScript函数，用于验证输入框中的数值，确保其在0.01到1的范围内。函数通过正则表达式清理非数字和多余的点，并限制输入为最多两位小数。当输入超出范围时，会自动调整为最大或最小值。

<input type='text' placeholder='请输入0.01-1之间数值' oninput='value=checkNum(value)'/>

function checkNum(value) {
    let num = '' + value
    num = num
        .replace(/[^\d.]/g, '') // 清除“数字”和“.”以外的字符
        .replace(/\.{2,}/g, '.') // 只保留第一个. 清除多余的
        .replace('.', '$#$')//把字符"."替换成'$#$',把'.'转换成一个比较特殊的字符防止被下一个正则替换给替换掉，因为replace对于字符串只匹配一次,所以只会替换第一个'.'
        .replace(/\./g, '')//把其余的字符'.'替换为空字符串(删除)
        .replace('$#$', '.')//把字符'$#$'替换回原来的'.'
        .replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3') // 只能输入两个小数。^字符串开始;第一组匹配,匹配1个'-';重复匹配`-`0-n个,但不进入分组 (\d+)第二组匹配,匹配1-n个数字; \.随后匹配一个'.'; (\d\d)第三组匹配,一个两位的数字; .*$后面匹配任意字符0-n个,直到字符串结束. 替换的目标是:'(第一组匹配)(第二组匹配).(第三组匹配)' */
    
    if (num.indexOf('.') < 0 && num !== '') {
        // 如果没有小数点，首位不能为类似于00、 01、02的数字
        num = parseFloat(num)
    }
    if (num>=1) {
        // 当数字大于1时，改为1
        num = 1
    }
    value= num
    return value
}