实现只能输入数字的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 相关文章推荐
Discuz! 6.1_jQuery兼容问题
Sep 23 Javascript
jQuery操作Select选择的Text和Value(获取/设置/添加/删除)
Mar 06 Javascript
IE8下jQuery改变png图片透明度时出现的黑边
Aug 30 Javascript
JavaScript使用DeviceOne开发实战(二) 生成调试安装包
Dec 01 Javascript
JS实现控制文本框的内容
Jul 10 Javascript
微信小程序  modal详解及实例代码
Nov 09 Javascript
react-native之ART绘图方法详解
Aug 08 Javascript
基于es6三点运算符的使用方法(实例讲解)
Oct 12 Javascript
详解Javascript 中的 class、构造函数、工厂函数
Dec 20 Javascript
使用vuex缓存数据并优化自己的vuex-cache
May 30 Javascript
vue-cli2打包前和打包后的css前缀不一致的问题解决
Aug 24 Javascript
2019年度web前端面试题总结(主要为Vue面试题)
Jan 12 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循环跳出的问题
2013/07/01 PHP
PHP命名空间(namespace)的动态访问及使用技巧
2014/08/18 PHP
详谈php中 strtr 和 str_replace 的效率问题
2017/05/14 PHP
利用PHPStorm如何开发Laravel应用详解
2017/08/30 PHP
Laravel 验证码认证学习记录小结
2019/12/20 PHP
COM中获取JavaScript数组大小的代码
2009/11/22 Javascript
仿微博字符限制效果实现代码
2012/04/20 Javascript
Jquery图片滚动与幻灯片的实例代码
2013/04/08 Javascript
ECharts仪表盘实例代码(附源码下载)
2016/02/18 Javascript
web前端开发upload上传头像js示例代码
2016/10/22 Javascript
jQuery实现加入收藏夹功能(主流浏览器兼职)
2016/12/24 Javascript
jsonp跨域请求实现示例
2017/03/13 Javascript
nodejs微信扫码支付功能实现
2018/02/17 NodeJs
webpack热模块替换(HMR)/热更新的方法
2018/04/05 Javascript
jQuery length 和 size()区别总结
2018/04/26 jQuery
详解使用mpvue开发github小程序总结
2018/07/25 Javascript
Vue.js自定义指令学习使用详解
2019/10/19 Javascript
jquery实现掷骰子小游戏
2019/10/24 jQuery
vue.js+element 默认提示中英文操作
2020/11/11 Javascript
如何实现vue的tree组件
2020/12/03 Vue.js
js回到页面指定位置的三种方式
2020/12/17 Javascript
Python的collections模块中namedtuple结构使用示例
2016/07/07 Python
Python之pandas读写文件乱码的解决方法
2018/04/20 Python
python读取图片并修改格式与大小的方法
2018/07/24 Python
Pycharm pyuic5实现将ui文件转为py文件,让UI界面成功显示
2020/04/08 Python
Python常用base64 md5 aes des crc32加密解密方法汇总
2020/11/06 Python
python中altair可视化库实例用法
2021/01/26 Python
HTML5本地存储之IndexedDB
2017/06/16 HTML / CSS
HTML5 Canvas实现360度全景图的示例代码
2018/01/29 HTML / CSS
Bergfreunde丹麦:登山装备网上零售商
2017/02/26 全球购物
非常详细的C#面试题集
2016/07/13 面试题
音乐专业应届生教师求职信
2013/11/04 职场文书
四年级数学教学反思
2014/02/02 职场文书
商场总经理岗位职责
2014/02/03 职场文书
小学少先队活动方案
2014/02/18 职场文书
销售员求职个人的自我评价
2014/02/19 职场文书