实现只能输入数字的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 相关文章推荐
让iframe子窗体取父窗体地址栏参数(querystring)
Oct 13 Javascript
jQuery EasyUI API 中文文档 - DataGrid数据表格
Nov 17 Javascript
最佳6款用于移动网站开发的jQuery 图片滑块插件小结
Jul 20 Javascript
原生JS实现加入收藏夹的代码
Oct 24 Javascript
Javascript中的arguments与重载介绍
Mar 15 Javascript
Active控件问题小结(附解决办法)
Jun 09 Javascript
JS封装的选项卡TAB切换效果示例
Sep 20 Javascript
Vue-cli proxyTable 解决开发环境的跨域问题详解
May 18 Javascript
js传递数组参数到后台controller的方法
Mar 29 Javascript
浅析vue.js数组的变异方法
Jun 30 Javascript
在Vue.js中使用TypeScript的方法
Mar 19 Javascript
js实现移动端图片滑块验证功能
Sep 29 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
超神学院:鹤熙已踏入神圣领域,实力不比凯莎弱
2020/03/02 国漫
MySQL相关说明
2007/01/15 PHP
PHP性能优化 产生高度优化代码
2011/07/22 PHP
php连接函数implode与分割explode的深入解析
2013/06/26 PHP
PHP查看当前变量类型的方法
2015/07/31 PHP
PHP实现微信提现(企业付款到零钱)
2019/08/01 PHP
网页自动刷新,不产生嗒嗒声的一个解决方法
2007/03/27 Javascript
表格 隔行换色升级版
2009/11/07 Javascript
jquery实现简单的拖拽效果实例兼容所有主流浏览器
2013/06/21 Javascript
js图片滚动效果时间可随意设定当鼠标移上去时停止
2014/06/26 Javascript
JavaSacript中charCodeAt()方法的使用详解
2015/06/05 Javascript
canvas学习之API整理笔记(二)
2016/12/29 Javascript
js实现点击切换checkbox背景图片的简单实例
2017/05/08 Javascript
mockjs,json-server一起搭建前端通用的数据模拟框架教程
2017/12/18 Javascript
vue实现移动端图片上传功能
2019/12/23 Javascript
python使用xlrd实现检索excel中某列含有指定字符串记录的方法
2015/05/09 Python
Python装饰器入门学习教程(九步学习)
2016/01/28 Python
Python使用爬虫猜密码
2016/02/19 Python
python使用tcp实现局域网内文件传输
2020/03/20 Python
jupyter notebook 实现matplotlib图动态刷新
2020/04/22 Python
利用CSS3实现自定义滚动条代码分享
2016/08/18 HTML / CSS
html5中嵌入视频自动播放的问题解决
2020/05/25 HTML / CSS
欧洲最大的美妆零售网站:Feelunique
2017/01/14 全球购物
澳大利亚旅游网站:Lastminute
2017/08/07 全球购物
这段代码难道不该打印出56吗
2013/02/27 面试题
.NET remoting中对象激活的两种方式
2015/06/08 面试题
新娘父亲婚礼致辞
2014/01/16 职场文书
商务英语专业求职信范文
2014/01/28 职场文书
教师考核材料
2014/05/21 职场文书
班子群众路线教育实践个人对照检查材料思想汇报
2014/09/30 职场文书
2014年社区妇联工作总结
2014/12/02 职场文书
2015元旦标语横幅
2014/12/09 职场文书
品质保证书格式
2015/02/28 职场文书
2015年大学生社会实践评语
2015/03/26 职场文书
详解Apache SkyWalking 告警配置指南
2021/04/22 Servers
Python进行区间取值案例讲解
2021/08/02 Python