html中js只允许输入数字

<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 onKeyUp="clearNoNum(event,this)" onBlur="checkNum(this)" onpaste="return false"> 
<br />
只能输入数字的文本框:
<input onkeyUp = "DigitInput(this,event);" onpaste="return false" > 

</body> 
</html>

 

posted @ 2013-03-25 09:09  神马和浮云  阅读(911)  评论(0编辑  收藏  举报