纯JS实现只能输入数字

最新推荐文章于 2022-08-11 16:21:22 发布

FEDDDWQWQE

最新推荐文章于 2022-08-11 16:21:22 发布

阅读量726

点赞数

分类专栏： web

本文链接：https://blog.csdn.net/FEDDDWQWQE/article/details/73550383

版权

web 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

只能输入数字

<!DOCTYPE html>
<html lang="en">
    <head>
        <title></title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="css/style.css" rel="stylesheet">
    </head>
    <script>
        addEvent(window,'load',function(){
            var fm = document.getElementById('myForm'); //使用ID获取<form>元素
            var content = fm.elements['content'];
            //只能输入数字
            addEvent(content,'keypress',function(evt){
                var e = evt || window.event;
                var charCode = getCharCode(evt);
                // alert(charCode); 获取按键编码
                //正则表达式来获取文本是否为数字
                if(!/\d/.test(String.fromCharCode(charCode)) && charCode > 8){
                    preDef(evt);    //屏蔽掉非数字键盘的输入
                }
            });
            //只能输入数字 验证数据非法后取消输入
            addEvent(content,'keyup',function(evt){
                this.value = this.value.replace(/[^\d]/g,'');   //非数字键转换为空
            });
        });
        // 所需要的封装函数

        //跨浏览器添加事件
        function addEvent(obj,type,fn){
            if(obj.addEventListener){
                obj.addEventListener(type,fn,false);
            }else if(obj.attachEvent){
                obj.attachEvent('on' + type,function(){
                    fn.call(obj);
                });
            }
        }
    </script>
    <body>
        <form id="myForm" name="yourForm">
            <textarea name="content">textarea</textarea>
        </form>
    </body>
</html>

FEDDDWQWQE

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
纯JS实现只能输入数字

只能输入数字<!DOCTYPE html><html lang="en"> <head> <title></title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href=
复制链接

扫一扫