input标签最多只能输入两位小数

最新推荐文章于 2025-07-02 20:46:17 发布

涛蜀黍

最新推荐文章于 2025-07-02 20:46:17 发布

阅读量1.1w

点赞数 4

CC 4.0 BY-SA版权

分类专栏：前端文章标签：前端

本文链接：https://blog.youkuaiyun.com/weixin_42853272/article/details/83651237

前端专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种使用HTML和JavaScript结合的方法，来限制用户在输入框中只能输入数字，并对小数点和负号进行有效控制。通过自定义函数num(obj)，实现了对输入内容的实时监测和格式调整，确保了输入数据的有效性和规范性。

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

jq代码:

html代码:

<input type="text"  onkeyup="num(this)"  placeholder="请输入">

<script type="text/javascript">
    left_show(3, 6);

    function num(obj){
        obj.value = obj.value.replace(/[^\d.]/g,""); //清除"数字"和"."以外的字符
        obj.value = obj.value.replace(/^\./g,""); //验证第一个字符是数字
        obj.value = obj.value.replace(/\.{2,}/g,"."); //只保留第一个, 清除多余的
        obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
        obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d\d\d\d\d\d\d).*$/,'$1$2.$3'); //控制可输入的小数
    }
</script>