input输入框只能输入纯数字或小数点后几位

原创已于 2023-11-13 17:33:28 修改 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #html #javascript

于 2022-03-10 19:24:59 首次发布

开发常用专栏收录该内容

18 篇文章

订阅专栏

该篇博客介绍了如何使用正则表达式实现输入框的事件监听，确保用户只能输入纯数字以及精确到小数点后特定位数的数值。`saveInteger`函数用于过滤非数字字符，`saveDecimal`函数则用于限制小数点后的位数，同时检查并处理不合法的小数格式。

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

给输入框绑定input事件即可，

一：只能输入纯数字

正则验证为：/[\u4e00-\u9fa5a-zA-Z-+_\./\s+/]|[`~!@#$%^&*() \+ =<>?"{}|, \/ ;' \\ [ \] ·~！@#￥%……&*（）—— \+ ={}|《》？：“”【】、；‘’，。、]/g

function saveInteger(value){
    let textReg = /[\u4e00-\u9fa5a-zA-Z-+_\./\s+/]|[`~!@#$%^&*() \+ =<>?"{}|, \/ ;' \\ [ \] ·~！@#￥%……&*（）—— \+ ={}|《》？：“”【】、；‘’，。、]/g;
    return value.replace(textReg,"")
}

二：精确到小数点后几位

function saveDecimal(value,num){//value 值   num 保留几位小数
    let textReg = /[\u4e00-\u9fa5a-zA-Z-+_/\s+/]|[`~!@#$%^&*() \+ =<>?"{}|, \/ ;' \\ [ \] ·~！@#￥%……&*（）—— \+ ={}|《》？：“”【】、；‘’，。、]/g;
    if(value.indexOf('.')!==value.lastIndexOf('.')){
        let arr = value.split('.')
        arr.pop();
        value = arr.join('.')
    }
    if(value.includes('.')){
        value = value.substring(0,value.indexOf('.')+(num- -1))
    }
    return value.replace(textReg,"")
}