js只允许输入数字和小数点 (转)

最新推荐文章于 2024-04-19 10:18:52 发布

dragoo1

最新推荐文章于 2024-04-19 10:18:52 发布

阅读量4.3k

点赞数

分类专栏： javascript 文章标签： js javascript

javascript 专栏收录该内容

56 篇文章 0 订阅

订阅专栏

转自：http://blog.csdn.net/yenange/article/details/6168443

<!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" οnkeydοwn="checkKeyForFloat(this.value,event)" style="ime-mode: disabled" />
        //只允许输入数字   :<input type="text" name="test2" id="test2" οnkeydοwn="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" οnkeydοwn="checkKeyForInt(this.value,event)" style="ime-mode: disabled"/><br />
    身高：<input type="text" maxlength="5" dtype="number" />
</body>
</html>

dragoo1

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js只允许输入数字和小数点 (转)

转自：http://blog.csdn.net/yenange/article/details/6168443 //示例代码： //只允许输入数字与.: //只允许输入数字 : //只允许输入数字与小数点 function checkKeyForFloat(value, e) {
复制链接

扫一扫