JS文本框拒绝非数字输入

最新推荐文章于 2018-04-27 17:30:48 发布
最新推荐文章于 2018-04-27 17:30:48 发布
阅读量462 收藏
点赞数
分类专栏： JavaScript 文章标签： input ie
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/beichen_/article/details/3998116
版权

<html>

<head>

  <script>

  function hen(evt){

   evt = window.event||evt;

   var code;

if (document.all){

code = evt.keyCode;

if( code&&(code <48 ||code >57)){

evt.returnValue = false;//在IE中 预防默认事件的发生 需要将事件对象的returnValue属性设置为false；

}

}

else{

code = evt.charCode;

if(code &&(code <48 ||code >57)){

evt.preventDefault();

}

}

  }

  </script>

</head>

<body>

<form>

只能输入数字<input type="text"  id="a" οnkeypress="hen(event)"><p>

可以输入任何字符<input type="text"  id="b">

<p>

<div style="width:600px;height:190px;border:1px solid blue;padding:5px;font-size:12px;">

keyCode和charCode的区别:<p>

IE里没有charCode属性 ，它的含义是这样的：<br/>

对于keypress事件，表示按下按钮的Unicode字符；对于keydown/keyup事件，表示按下按钮的数字代号。<br/>

FF里2个属性都有 charCode表示 按下按钮的Unicode值，keyCode表示按下按钮的数字代号。<br/><p>

可见 在keypress事件时，IE里的keyCode==FF里的charCode<br/>

keydown/keyup事件时，IE里的keyCode==FF里的keyCode<br/>

</div>

</body>

</html>

beichen_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript面试题大全_Js基础面试题（附答案）
m0_64460287的博客
02-21 2218
因为cookie有域的限制，因此不能跨域提交请求，故使用非主要域名的时候，请求头中就不会带有cookie数据，这样可以降低请求头的大小，降低请求时间，从而达到降低整体请求延时的目的。是加粗的，不要认为这是html的表现，这些其实html默认的css样式在起作用，所以去掉或样式丢失的时候能让页面呈现清晰的结构不是语义化的HTML结构的优点，但是浏览器都有有默认样式，默认样式的目的也是为了更好的表达html的语义，可以说浏览器的默认样式和语义化的HTML结构是不可分割的。
JavaScript高级程序设计 第4版（中文高清）扫描版
热门推荐
bsegebr的博客
03-08 1万+
1. JavaScript组成 核心ECMAScript 文档对象模型DOM 浏览器对象模型BOM 1.2.1 ECMAScript 定义语言的基础 规定了语言的组成部分：语法、类型、语句、关键字、保留字、操作符、对象 js nodejs 都实现了ECMAScript 1.2.2 DOM 文档对象模型 Document Object Model 针对XML但经扩展用于HTML的应用程序编程接口(API) 把整个页面映射为多层节点结构，每个节点包含不同类型的数据。 借助DOM API，可删除，添加，替换，
angular指令--追加输入属性，实现文本框只能输入数字（升级版）
gosenkle的专栏
04-27 3590
概述：程序代码本身也是一种艺术，是一件作品，这样我们就要有一份工匠精神去静心打磨它，使他更具艺术性，让代码更具魔力，本文是《angular 用指令实现一个文本框只能输入数字》的续作，更加严谨的呈现了代码的实现，虽然可能还有瑕疵，但是在不断完善自己的道路就应该孜孜追求，不断前行。这里为了代码的完整性，还是从零开始一步一步实现1、建立一个独立模块用于作为公用指令的模块 1）生成模块ng g m dir...
js限制文本框只能输入数字方法小结(转)
weixin_30291791的博客
12-13 71
这篇文章主要分享下js代码限制文本框中只能输入数字的多个实例，学习下js控制文本框中输入数字的方法,需要的朋友可以参考下 有时需要限制文本框输入内容的类型，本节分享下正则表达式限制文本框只能输入数字、小数点、英文字母、汉字等代码。 例如，输入大于0的正整数 复制代码 代码如下: <input onkeyup="if(this.value.length==1){thi...
js控制文本框禁止输入的常用方法
束缚的博客
03-01 3659
JS 控制不能输入特殊字符1&lt;input type="text"class="domain"onkeyup="this.value=this.value.replace(/[^u4e00-u9fa5w]/g,'')"；2this.value=this.value.replace(/[^u4e00-u9fa5w]/g,'') JS 控制文本框只能输入数字1&lt;input onkeyup="...
javascript控制文本框中输入的只能为数字
我行我速
08-28 484
onKeyPress="return ((event.keyCode>=48&&event.keyCode 管理员在2009年8月13日编辑了该文章文章。 --> -->
js控制文本框禁止输入特殊字符详解
10-20
本文将详细介绍如何使用JavaScript来禁止在文本框中输入特殊字符，以及如何控制文本框只能输入特定类型的数据，例如仅数字、仅数字和小数点、仅英文、仅英文和数字等。 ### 知识点一：理解正则表达式 首先，要控制...
js限制文本框只能输入整数或者带小数点的数字
10-24
为了确保文本框中只能输入整数或者带有一位小数的数字，我们需要在JavaScript中对输入进行限制。可以通过为文本框添加键盘事件处理器来实现这一功能，具体来说就是使用onkeypress、onkeyup以及onblur事件。 首先，...
JS对文本框值的判断示例
10-26
需要注意的是，这种方法并不能阻止用户输入小数点，但能够确保在输入非数字字符后立即进行提示和修正。 第三个示例则是数字和小数点的另一种校验方法，它通过onkeypress事件来控制： ```javascript (!this.value....
ant-design-vue-1.1.10-beta.zip
08-26
基于 Ant Design 和 Vue 的企业级 UI 组件库
基于flask实现的社交博客项目--《FlaskWeb开发》.zip
最新发布
08-26
基于flask实现的社交博客项目--《FlaskWeb开发》.zip
校园二手交易平台小程序源码 （优秀毕业设计源码）
08-26
1. 校园二手交易平台小程序代码说明：经导师指导并认可通过的98分毕设项目代码。 2.适用对象：本代码学习资料适用于计算机、电子信息工程、数学等专业正在做毕设的学生，需要项目实战练习的学习者，也适用于课程设计、期末大作业。 3.技术栈：java，项目代码都经过严格调试，代码没有任何bug！ 4. 作者介绍：大厂码农，java领域创作者，阿里云开发社区乘风者计划专家博主，专注于大学生项目实战开发，文章底部有博主联系方式，更多优质系统、项目定制请私信。 5. 最新计算机软件毕业设计选题大全: https://blog.csdn.net/weixin_45630258/article/details/135901374
ant-design-vue-3.1.0.zip
08-26
基于 Ant Design 和 Vue 的企业级 UI 组件库
399、基于单片机protues仿真的多功能计步器设计（仿真图、源代码、讲解视频）
08-26
399、基于单片机protues仿真的多功能计步器设计（仿真图、源代码、讲解视频） 计步器功能的实验测试： 采用USB电源线连接移动电源给系统进行供电。首先打开电源开关，系统初始化后，将开始进行计步。在液晶显示屏上输入用户的身高体重，然后佩戴计步器步行，开始测试行走步数、速度以及消耗卡路里。计步器实物图及介绍如下， 按键从左到右依次是： ⑴设置键：按下按键进入设置身高体重页面； ⑵加值键：设置时，按下该按键对应参数+1 ； ⑶ 减值键：设置时，按下该按键对应参数-1 ； ⑷ 复位键：按下该按键单片机复位。 实际测试效果如下： (1)实物联电后打开开关的初始状态如图5-3所示。“V”代表当前瞬时速度，“B”代表当前行走步数，代表当前行走里程，代表当前行走所消耗的卡路里。 (2)按下按键1设置键设置身高170cm ，再按下按键1设置体重48kg ,设置好后再按一下退出。 ⑶ 检测运动后的实验图如图5-6所示，传感器采集到的运动加速度，显示步数为，总里程为，瞬时速度为，消耗的卡路里为。瞬时速度在停下运动后，逐渐降为0。其他示数不变。 ⑷ 按下右侧复位键后的实验图如图5-7所示，行走步
ant-design-vue-0.5.4.zip
08-26
基于 Ant Design 和 Vue 的企业级 UI 组件库
ssm530便民自行车管理系统的开发与实现+vue.zip
08-26
本系统为便民自行车管理系统，是采用计算机和网络技术进行开发的在线租用平台，可以实现自行车的查询、租用、归还管理等。本系统采用Java语言，数据库为Mysql，运行环境为Idea。使用角色分为用户、管理员，本系统的功能包括车辆管理、订单管理、车辆损耗管理、车辆类型管理和用户管理等。其中，用户负责浏览信息、租用自行车、管理租用订单，管理员可以审核用户信息、管理自行车信息、车辆损耗信息等。本系统实现了自行车的在线出租与管理，方便了用户和管理员双方的利益，提高自行车租用的效率，更符合现代人生活。
springboot354足球俱乐部管理系统--pf.zip
08-26
足球俱乐部管理系统管理系统按照操作主体分为管理员和用户。管理员的功能包括字典管理、公告信息管理、合同管理、教练管理、赛事管理、球员数据管理、训练计划管理、用户管理、管理员管理。用户的功能等。该系统采用了Mysql数据库，Java语言，Spring Boot框架等技术进行编程实现。 足球俱乐部管理系统管理系统可以提高足球俱乐部管理系统信息管理问题的解决效率，优化足球俱乐部管理系统信息处理流程，保证足球俱乐部管理系统信息数据的安全，它是一个非常可靠，非常安全的应用程序。
ant-design-vue-4.0.1.zip
08-26
基于 Ant Design 和 Vue 的企业级 UI 组件库
js文本框只能输入数字
07-13
3. 使用 JavaScript 来阻止非数字字符的输入： ```html <input type="text" onkeydown="return event.keyCode >= 48 && event.keyCode ``` 这段代码会在按键按下时触发一个 onkeydown 事件，并使用 event.keyCode ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值