input 框只能输入数字并且为正数

最新推荐文章于 2023-10-11 15:41:18 发布

芊芊墨客

最新推荐文章于 2023-10-11 15:41:18 发布

阅读量368

点赞数

分类专栏：工作文章标签： html javascript html5

本文链接：https://blog.youkuaiyun.com/weixin_45637293/article/details/120738007

版权

工作专栏收录该内容

2 篇文章

订阅专栏

这段内容描述了一个JavaScript函数`filterNum(obj)`，该函数用于限制用户在输入框中只能输入数字，并且只允许保留一位小数。当用户在输入框中输入或粘贴内容时，这个函数会实时过滤非数字字符及多余的点号。此外，它还确保输入值的格式正确，例如，如果输入值为负数，会正确地保留负号，同时确保小数点后的位数不超过两位。

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

1.input

<input type="text" onkeyup="filterNum(this)" onpaste="filterNum(this)" required lay-verify="required" placeholder="请输入3至30个字符" autocomplete="off" class="layui-input">

2.js

function filterNum(obj) {
    obj.value = obj.value.replace(/[^\d.]/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'); 
    if (obj.value.indexOf(".") < 0 && obj.value != "") { 
     obj.value = parseFloat(obj.value);
    }
   }