js只允许输入数字和小数点

mybwu_com

浏览: 179026 次
性别:

最近访客更多访客>>

devcang

ttcc_123456

WEIQI

夜勿语

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

2014-10 ( 43)
2014-09 ( 34)
2014-08 ( 27)
更多存档...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>  
    <script type="text/javascript">  
        //示例代码：   
        //只允许输入数字与.:<input type="text" name="test" id="test" onkeydown="checkKeyForFloat(this.value,event)" style="ime-mode: disabled" />   
        //只允许输入数字   :<input type="text" name="test2" id="test2" onkeydown="checkKeyForNum(this.value,event)" style="ime-mode: disabled" />   
        //只允许输入数字与小数点     
        function checkKeyForFloat(value, e) {  
            var isOK = false;  
            var key = window.event ? e.keyCode : e.which;  
            if ((key > 95 && key < 106) ||                  //小键盘上的0到9   
            (key > 47 && key < 60) ||                   //大键盘上的0到9   
            (key == 110 && value.indexOf(".") < 0) ||   //小键盘上的.而且以前没有输入.   
            (key == 190 && value.indexOf(".") < 0) ||   //大键盘上的.而且以前没有输入.   
            key == 8 || key == 9 || key == 46 || key == 37 || key == 39     //不影响正常编辑键的使用(8:BackSpace;9:Tab;46:Delete;37:Left;39:Right)   
        ) {  
                isOK = true;  
            } else {  
                if (window.event) //IE     
                {  
                    e.returnValue = false;   //event.returnValue=false 效果相同.     
                }  
                else //Firefox     
                {  
                    e.preventDefault();  
                }  
            }  
            return isOK;  
        }  
  
        //只允许输入数字     
        function checkKeyForInt(value, e) {  
            var isOK = false;  
            var key = window.event ? e.keyCode : e.which;  
            if ((key > 95 && key < 106) ||                  //小键盘上的0到9   
            (key > 47 && key < 60) ||                   //大键盘上的0到9   
            key == 8 || key == 9 || key == 46 || key == 37 || key == 39     //不影响正常编辑键的使用(8:BackSpace;9:Tab;46:Delete;37:Left;39:Right)   
        ) {  
                isOK = true;  
            } else {  
                if (window.event) //IE     
                {  
                    e.returnValue = false;   //event.returnValue=false 效果相同.     
                }  
                else //Firefox     
                {  
                    e.preventDefault();  
                }  
            }  
            return isOK;  
        }  
  
        //设置有自定义属性 dtype 的文本框 允许输入的范围   
        function setDType() {  
            $(":text[dtype]").each(function () {  
                var dtype = $(this).attr("dtype");  
                var isOK = true;  
                switch (dtype) {  
                    case "number":  
                        $(this).css("ime-mode", "disabled").keydown(function (event) {  
                            isOK = checkKeyForFloat($(this).val(), event);  
                            if (!isOK) {  
                                //$(this).SuperFocus("", 500);   
                            }  
                            return isOK;  
                        });  
                        break;  
                    default:  
                        break;  
                }  
            });  
        }  
    </script>  
    <script type="text/javascript">  
        $(function () {  
            setDType();  
        });  
    </script>  
</head>  
<body>  
    年龄: <input type="text" maxlength="3" onkeydown="checkKeyForInt(this.value,event)" style="ime-mode: disabled"/><br />  
    身高：<input type="text" maxlength="5" dtype="number" />  
</body>  
</html>

分享到：