实现只能输入数字的input不用replace方法


Posted in Javascript onSeptember 12, 2013

废话不多说,上代码:

<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gbk" /> 
<title></title> 
<script type="text/javascript"> 
/** 
* 只能输入数字0-9 
*/ 
function kp(){ 
if(event.keyCode<=47 || event.keyCode>=65) { 
event.returnValue=false; 
} 
} 
/** 
* 只能输入数字0-9和 .(小数点) 
*/ 
function kpd(){ 
if(event.keyCode<=47 || (event.keyCode>=65 && event.keyCode!=190)) { 
event.returnValue=false; 
} 
} 
</script> 
</head> 
<body> 
这个input只能输入0-9<input type="text" id="t1" onkeydown="kp()"/><br/> 
这个input只能输入0-9.<input type="text" id="t2" onkeydown="kpd()"/> 
</body> 
</html>

直接在keydown的时候就截掉输入事件,根本不让输。

不用replace那种别扭的方法 - 输进了字母再替换掉,好丑!

Javascript 相关文章推荐
无闪烁更新网页内容JS实现
Dec 19 Javascript
在浏览器中实现图片粘贴的jQuery插件-- pasteimg使用指南
Dec 29 Javascript
Javascript中的匿名函数与封装介绍
Mar 15 Javascript
javascript函数命名的三种方式及区别介绍
Mar 22 Javascript
Angular2表单自定义验证器的实现
Oct 19 Javascript
JS数组交集、并集、差集的示例代码
Aug 23 Javascript
JavaScript使用prototype原型实现的封装继承多态示例
Aug 31 Javascript
vue elementUI table 自定义表头和行合并的实例代码
May 22 Javascript
JavaScript中的惰性载入函数及优势
Feb 18 Javascript
详解ES6数组方法find()、findIndex()的总结
May 12 Javascript
vue 数据遍历筛选 过滤 排序的应用操作
Nov 17 Javascript
Javascript 解构赋值详情
Nov 17 Javascript
jQuery 三击事件实现代码
Sep 11 #Javascript
导航跟随滚动条置顶移动示例代码
Sep 11 #Javascript
查找iframe里元素的方法可传参
Sep 11 #Javascript
Jquery 的outerHeight方法使用介绍
Sep 11 #Javascript
$.get获取一个文件的内容示例代码
Sep 11 #Javascript
JQuery触发事件例如click
Sep 11 #Javascript
自动设置iframe大小的jQuery代码
Sep 11 #Javascript
You might like
iis下php mail函数的sendmail配置方法(官方推荐)
2012/04/25 PHP
php的SimpleXML方法读写XML接口文件实例解析
2014/06/16 PHP
PHP实现抓取迅雷VIP账号的方法
2015/07/30 PHP
PHP从数组中删除元素的四种方法实例
2017/05/12 PHP
PHP中rename()函数的妙用讲解
2019/02/28 PHP
关于laravel模板中生成URL的几种模式总结
2019/10/18 PHP
尽可能写&quot;友好&quot;的&quot;Javascript&quot;代码
2007/01/09 Javascript
jQuery 下拉列表 二级联动插件分享
2012/03/29 Javascript
jQuery实现切换字体大小的方法
2015/03/10 Javascript
jquery实现select选择框内容左右移动代码分享
2015/11/21 Javascript
jQuery Chart图表制作组件Highcharts用法详解
2016/06/01 Javascript
AngularJs Scope详解及示例代码
2016/09/01 Javascript
js学习之----深入理解闭包
2016/11/21 Javascript
JavaScript 详解预编译原理
2017/01/22 Javascript
Restify中接入Socket.io报Error:Can’t set headers的错误解决
2017/03/28 Javascript
详解Vue-cli代理解决跨域问题
2017/09/27 Javascript
详解使用webpack打包编写一个vue-toast插件
2017/11/08 Javascript
详解webpack打包后如何调试的方法步骤
2018/11/07 Javascript
基于vue的验证码组件的示例代码
2019/01/22 Javascript
[00:21]DOTA2亚洲邀请赛 Logo演绎
2015/02/07 DOTA
[07:57]2018DOTA2国际邀请赛寻真——PSG.LGD凤凰浴火
2018/08/12 DOTA
Python中实现对list做减法操作介绍
2015/01/09 Python
Python 实现遥感影像波段组合的示例代码
2019/08/04 Python
python 元组的使用方法
2020/06/09 Python
Python实现图片查找轮廓、多边形拟合、最小外接矩形代码
2020/07/14 Python
scrapy利用selenium爬取豆瓣阅读的全步骤
2020/09/20 Python
selenium如何定位span元素的实现
2021/01/13 Python
HTML5新特性之语义化标签
2017/10/31 HTML / CSS
优秀毕业生自荐信范文
2014/01/01 职场文书
六年级学生评语
2014/04/22 职场文书
竞选班干部演讲稿600字
2014/08/20 职场文书
作风转变年心得体会
2014/10/22 职场文书
大学生个人学习总结
2015/02/15 职场文书
跟班学习心得体会(共6篇)
2016/01/23 职场文书
在项目中使用redis做缓存的一些思路
2021/09/14 Redis
一篇文章了解正则表达式的替换技巧
2022/02/24 Javascript