js只能输入数字，小数点(整理)

最新推荐文章于 2024-07-16 21:18:13 发布

gdjlc

最新推荐文章于 2024-07-16 21:18:13 发布

阅读量1.2k

点赞数

分类专栏： JavaScript 文章标签： input function javascript html

JavaScript 专栏收录该内容

28 篇文章

订阅专栏

本文介绍了一种使用JavaScript来控制HTML输入框的方法，确保用户只能输入数字及小数点。通过两个函数clearNoNum和DigitInput，分别实现了包含小数点的数字输入控制和纯数字输入控制。

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

<html>
<head>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
<title>js只能输入数字；js只能输入数字和小数点</title>
<script language="JavaScript" type="text/javascript">
    function clearNoNum(event,obj){
        //响应鼠标事件，允许左右方向键移动
        event = window.event||event;
        if(event.keyCode == 37 | event.keyCode == 39){
            return;
        }
        //先把非数字的都替换掉，除了数字和.
        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("$#$",".");
    }
    function checkNum(obj){
        //为了去除最后一个.
        obj.value = obj.value.replace(//.$/g,"");
    }

function DigitInput(obj,event) {
   //响应鼠标事件，允许左右方向键移动
   event = window.event||event;
        if(event.keyCode == 37 | event.keyCode == 39){
            return;
        }
        obj.value = obj.value.replace(//D/g,"");
}

    </script>
</head>
<body>

只能输入数字和小数点的文本框：
<input id="input1" onKeyUp="clearNoNum(event,this)" onBlur="checkNum(this)" οnpaste="return

false">
<br />
只能输入数字的文本框：
<input id="input2" onkeyUp = "DigitInput(this,event);" οnpaste="return false" >

</body>
</html>