实现只能输入数字的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 相关文章推荐
JQuery 写的个性导航菜单
Dec 24 Javascript
javascript 的Document属性和方法集合
Jan 25 Javascript
jQuery ul标签下拉菜单演示代码
Dec 11 Javascript
js arguments对象应用介绍
Nov 28 Javascript
javascript实现ecshop搜索框键盘上下键切换控制
Mar 18 Javascript
JavaScript在浏览器标题栏上显示当前日期和时间的方法
Mar 19 Javascript
JavaScript截取、切割字符串的技巧
Jan 07 Javascript
JS中type=&quot;button&quot;和type=&quot;submit&quot;的区别
Jul 04 Javascript
使用vue根据状态添加列表数据和删除列表数据的实例
Sep 29 Javascript
js回溯法计算最佳旅行线路代码实例
Sep 11 Javascript
d3.js 地铁轨道交通项目实战
Nov 27 Javascript
关于JavaScript回调函数的深入理解
Jun 27 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
php截取字符串并保留完整xml标签的函数代码
2013/02/06 PHP
Thinkphp实现MySQL读写分离操作示例
2014/06/25 PHP
codeigniter发送邮件并打印调试信息的方法
2015/03/21 PHP
微信支付PHP SDK之微信公众号支付代码详解
2015/12/09 PHP
修改WordPress中文章编辑器的样式的方法详解
2015/12/15 PHP
php实现微信公众号主动推送消息
2015/12/31 PHP
静态的动态续篇之来点XML
2006/12/23 Javascript
JavaScript子窗口ModalDialog中操作父窗口对像
2012/12/11 Javascript
jquery 列表双向选择器之改进版
2013/08/09 Javascript
js字符串转换成数字与数字转换成字符串的实现方法
2014/01/08 Javascript
javascript:window.open弹出窗口的位置问题
2014/03/18 Javascript
使用JavaScript触发过渡效果的方法
2017/01/19 Javascript
jquery自定义显示消息数量
2017/12/19 jQuery
原生nodejs使用websocket代码分享
2018/04/07 NodeJs
通过函数作用域和块级作用域看javascript的作用域链
2018/08/05 Javascript
vue、react等单页面项目部署到服务器的方法及vue和react的区别
2018/09/29 Javascript
Angular resolve基础用法详解
2018/10/03 Javascript
vue 全局环境切换问题
2019/10/27 Javascript
Vuex的各个模块封装的实现
2020/06/05 Javascript
VSCode 添加自定义注释的方法(附带红色警戒经典注释风格)
2020/08/27 Javascript
使用JS实现鼠标放上图片进行放大离开实现缩小功能
2021/01/27 Javascript
[03:20]2015国际邀请赛全明星表演赛
2015/08/08 DOTA
[49:05]OG vs Newbee 2019DOTA2国际邀请赛淘汰赛 胜者组 BO3 第二场 8.21.mp4
2020/07/19 DOTA
[01:18:45]DOTA2-DPC中国联赛 正赛 DLG vs Dragon BO3 第三场2月1日
2021/03/11 DOTA
python中WSGI是什么,Python应用WSGI详解
2017/11/24 Python
解决Python print 输出文本显示 gbk 编码错误问题
2018/07/13 Python
python中通过selenium简单操作及元素定位知识点总结
2019/09/10 Python
python图形绘制奥运五环实例讲解
2019/09/14 Python
python 实现aes256加密
2020/11/27 Python
德国领先的大尺码和超大尺码男装在线零售商:Bigtex
2019/06/22 全球购物
奥地利购买珠宝和手表网站:ELLA JUWELEN
2019/09/03 全球购物
怎样客观的做好自我评价
2013/12/28 职场文书
大学生优秀团员事迹材料
2014/01/30 职场文书
工商管理专业毕业生自我鉴定2014
2014/10/04 职场文书
个人自荐书范文
2015/03/09 职场文书
python中字符串String及其常见操作指南(方法、函数)
2022/04/06 Python