实现只能输入数字的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 相关文章推荐
Knockoutjs的环境搭建教程
Nov 26 Javascript
JavaScript之IE的fireEvent方法详细解析
Nov 20 Javascript
JavaScript格式化日期时间的方法和自定义格式化函数示例
Apr 04 Javascript
JavaScript中输出信息的方法(信息确认框-提示输入框-文档流输出)
Jun 12 Javascript
EasyUI中在表单提交之前进行验证
Jul 19 Javascript
jQuery双向列表选择器select版
Nov 01 Javascript
js实现五星评价功能
Mar 08 Javascript
zTree 树插件实现全国五级地区点击后加载的示例
Feb 05 Javascript
详解JS函数stack size计算方法
Jun 18 Javascript
详解如何解决Vue和vue-template-compiler版本之间的问题
Sep 17 Javascript
layui前端时间戳转化实例
Nov 15 Javascript
javaScript实现一个队列的方法
Jul 14 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
thinkphp普通查询与表达式查询实例分析
2014/11/24 PHP
php ucwords() 函数将字符串中每个单词的首字符转换为大写(实现代码)
2016/05/12 PHP
使用swoole 定时器变更超时未支付订单状态的解决方案
2019/07/24 PHP
Laravel获取所有的数据库表及结构的方法
2019/10/10 PHP
javascript FormatNumber函数实现方法
2008/12/30 Javascript
基于mootools插件实现遮罩层新手引导
2012/05/24 Javascript
ExtJS4如何自动生成控制grid的列显示、隐藏的checkbox
2014/05/02 Javascript
jQuery产品间断向下滚动效果核心代码
2014/05/08 Javascript
js创建一个input数组并绑定click事件的方法
2014/06/12 Javascript
js键盘事件的keyCode
2014/07/29 Javascript
jQuery CSS()方法改变现有的CSS样式表
2014/09/09 Javascript
jQuery中serializeArray()与serialize()的区别实例分析
2015/12/09 Javascript
详解JS对象封装的常用方式
2016/12/30 Javascript
通过函数作用域和块级作用域看javascript的作用域链
2018/08/05 Javascript
Element InputNumber计数器的使用方法
2020/07/27 Javascript
python基于windows平台锁定键盘输入的方法
2015/03/05 Python
TensorFlow实现卷积神经网络
2018/05/24 Python
详解Python 函数如何重载?
2019/04/23 Python
numpy:np.newaxis 实现将行向量转换成列向量
2019/11/30 Python
Python实现AI换脸功能
2020/04/10 Python
python让函数不返回结果的方法
2020/06/22 Python
CSS3教程(7):CSS3嵌入字体
2009/04/02 HTML / CSS
美国名表在线商城:Ashford(支持中文)
2019/09/24 全球购物
办公室文员工作自我评价
2013/12/01 职场文书
手工社团活动方案
2014/02/17 职场文书
《美丽的彩虹》教学反思
2014/02/25 职场文书
我的职业生涯规划:打造自己的运动帝国
2014/09/18 职场文书
2014年教师业务工作总结
2014/12/19 职场文书
公司内部升职自荐信
2015/03/27 职场文书
新年晚会主持词开场白
2015/05/28 职场文书
大学生党课感想
2015/08/11 职场文书
大学迎新生欢迎词
2015/09/29 职场文书
搞笑欢迎词大全
2015/09/30 职场文书
2016年离婚协议书范文
2016/03/18 职场文书
CSS变量实现主题切换的方法
2021/06/23 HTML / CSS
Nginx 匹配方式
2022/05/15 Servers