首页 > 网络编程 > JavaScript > javascript技巧 > js 输入数字

js 只能输入数字和小数点的文本框改进版

2009-04-15 22:33:04 作者：

以前的版本不能输入退格键等功能。

1、鼠标左右移动的时候。
2、最后一个不能是小数点。

<html> 
<head> 
<meta http-equiv="content-Type" content="text/html;charset=gb2312"> 
<title>js 只能输入数字和小数点</title> 
<script language="JavaScript" type="text/javascript"> 
//by ahuinan 2009-4-10 
    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,""); 
    } 
    </script> 
</head> 
<body> 
 
只能输入数字和小数点的文本框：<input id="input1" onKeyUp="clearNoNum(event,this)" onBlur="checkNum(this)"> 
<a href="https://www.jb51.net">脚本之家</a> 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

js 只能输入数字和小数点的文本框改进版

您可能感兴趣的文章: