全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

纯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="css/style.css" rel="external nofollow" 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>

以上所述是小编给大家介绍的纯JS实现只能输入数字的简单代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!


# js  # 只能输入数字  # js实现文本框只允许输入数字并限制数字大小的方法  # js控制文本框只输入数字和小数点的方法  # js限制文本框只能输入数字方法小结  # js 限制input只能输入数字、字母和汉字等等  # JS只能输入数字或数字和字母等的正则表达式  # javascript验证只能输入数字和一个小数点示例  # 解析使用js判断只能输入数字、字母等验证的方法(总结)  # 『JavaScript』限制Input只能输入数字实现思路及代码  # js限制文本框只能输入数字(正则表达式)  # js禁止小键盘输入数字功能代码  # js 只能输入数字和小数点的文本框改进版  # 小编  # 在此  # 给大家  # 所需要  # 所述  # 给我留言  # 感谢大家  # 为空  # 数字键  # 疑问请  # 有任何  # 屏蔽掉  # 正则表达式  # link  # device  # width  # scale  # initial  # href  # script 


相关文章: 如何在IIS服务器上快速部署高效网站?  rsync同步时出现rsync: failed to set times on “xxxx”: Operation not permitted  如何正确选择百度移动适配建站域名?  网站制作的步骤包括,正确网址格式怎么写?  电脑免费海报制作网站推荐,招聘海报哪个网站多?  如何在Golang中处理模块冲突_解决依赖版本不兼容问题  如何快速生成ASP一键建站模板并优化安全性?  北京网站制作网页,网站升级改版需要多久?  Python lxml的etree和ElementTree有什么区别  视频网站制作教程,怎么样制作优酷网的小视频?  小程序网站制作需要准备什么资料,如何制作小程序?  如何在万网自助建站平台快速创建网站?  赚钱网站制作软件,建一个网站怎样才能赚钱?是如何盈利的?  矢量图网站制作软件,用千图网的一张矢量图做公司app首页,该网站并未说明版权等问题,这样做算不算侵权?应该如何解决?  建站主机系统SEO优化与智能配置核心关键词操作指南  平台云上自助建站如何快速打造专业网站?  宝塔Windows建站如何避免显示默认IIS页面?  ,购物网站怎么盈利呢?  建站之星安全性能如何?防护体系能否抵御黑客入侵?  建站之星如何通过成品分离优化网站效率?  武汉外贸网站制作公司,现在武汉外贸前景怎么样啊?  创业网站制作流程,创业网站可靠吗?  建站上传速度慢?如何优化加速网站加载效率?  制作网页的网站有哪些,电脑上怎么做网页?  如何在阿里云ECS服务器部署织梦CMS网站?  官网网站制作腾讯审核要多久,联想路由器newifi官网  高端智能建站公司优选:品牌定制与SEO优化一站式服务  如何在西部数码注册域名并快速搭建网站?  如何选择美橙互联多站合一建站方案?  如何挑选高效建站主机与优质域名?  网站制作哪家好,cc、.co、.cm哪个域名更适合做网站?  番禺网站制作公司哪家值得合作,番禺图书馆新馆开放了吗?  购物网站制作公司有哪些,哪个购物网站比较好?  制作网站的软件免费下载,免费制作app哪个平台好?  c# 在高并发场景下,委托和接口调用的性能对比  山东云建站价格为何差异显著?  完全自定义免费建站平台:主题模板在线生成一站式服务  制作宣传网站的软件,小红书可以宣传网站吗?  如何制作算命网站,怎么注册算命网站?  北京的网站制作公司有哪些,哪个视频网站最好?  盐城做公司网站,江苏电子版退休证办理流程?  建站168自助建站系统:快速模板定制与SEO优化指南  宝塔建站后网页无法访问如何解决?  专业的网站制作设计是什么,如何制作一个企业网站,建设网站的基本步骤有哪些?  如何快速登录WAP自助建站平台?  python的本地网站制作,如何创建本地站点?  免费网站制作appp,免费制作app哪个平台好?  已有域名建站全流程解析:网站搭建步骤与建站工具选择  如何通过西部数码建站助手快速创建专业网站?  如何构建满足综合性能需求的优质建站方案? 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。