html文本框限制输入数字类型实现

最新推荐文章于 2021-01-31 09:28:47 发布

weixin_34096182

最新推荐文章于 2021-01-31 09:28:47 发布

阅读量533

点赞数

本文介绍两种JavaScript实现的输入框数字验证方法。第一种方法适用于整数输入，通过按键事件阻止非法字符输入，并禁用了粘贴和拖放操作。第二种方法适用于浮点数输入，通过按键释放事件检查并清除非法输入。

第一种：输入整形判断

       function getEvent() {
            if (document.all) { return window.event; } //for ie
            func = getEvent.caller;
            while (func != null) {
                var arg0 = func.arguments[0];
                if (arg0) {
                    if ((arg0.constructor == Event || arg0.constructor == MouseEvent) || (typeof (arg0) == "object" && arg0.preventDefault && arg0.stopPropagation)) {
                        return arg0;
                    }
                }
                func = func.caller;
            }
            return null;
        }
        function isnumber() {
            var ev = getEvent();
　　　　　　　if (ev.keyCode == 8) return true; //可删除
            if (ev.keyCode < 48 || ev.keyCode > 57) return false;
        }

第二种：输入double类型判断

function isnumber(obj) {
            if (isNaN(obj.value)) {
                obj.value = "";
                return false;
            }
            return true;
        }