当前位置：Gxlcms > JavaScript > js只能输入数字和小数点的文本框改进版_javascript技巧

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

时间：2021-07-01 10:21:17 帮助过：2人阅读

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)"> 
脚本之家 
</body> 
</html>

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

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

人气教程排行