实现只能输入数字的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 相关文章推荐
IE6图片加载的一个BUG解决方法
Jul 13 Javascript
五段实用的js高级技巧
Dec 20 Javascript
利用jquery包将字符串生成二维码图片
Sep 12 Javascript
分享一个自己动手写的jQuery分页插件
Aug 28 Javascript
深入理解JavaScript中的箭头函数
Jul 28 Javascript
ECharts仪表盘实例代码(附源码下载)
Feb 18 Javascript
用iframe实现不刷新整个页面上传图片的实例
Nov 18 Javascript
详解自动生成博客目录案例
Dec 09 Javascript
读Javascript高性能编程重点笔记
Dec 21 Javascript
详解ionic本地相册、拍照、裁剪、上传(单图完全版)
Oct 10 Javascript
mongoose更新对象的两种方法示例比较
Dec 19 Javascript
js设置鼠标悬停改变背景色实现详解
Jun 26 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调用Webservice实例代码
2011/07/29 PHP
PHP中使用localhost连接Mysql不成功的解决方法
2014/08/20 PHP
php魔术函数__call()用法实例分析
2015/02/13 PHP
yii2.0实现验证用户名与邮箱功能
2015/12/22 PHP
php插入含有特殊符号数据的处理方法
2016/11/24 PHP
php的laravel框架快速集成微信登录的方法
2016/12/12 PHP
JavaScript 继承详解 第一篇
2009/08/30 Javascript
jQuery 使用手册(五)
2009/09/23 Javascript
jQuery与ExtJS之选择实例分析
2010/08/19 Javascript
js实现单一html页面两套css切换代码
2013/04/11 Javascript
使用jQuery简单实现模拟浏览器搜索功能
2014/12/21 Javascript
js调用父框架函数与弹窗调用父页面函数的简单方法
2016/11/01 Javascript
JavaScript获取短信验证码(周期性)
2016/12/29 Javascript
Angular.JS中指令ng-if的注意事项小结
2017/06/21 Javascript
分享5个小技巧让你写出更好的 JavaScript 条件语句
2018/10/20 Javascript
js实现简易计算器小功能
2020/11/18 Javascript
Python中线程的MQ消息队列实现以及消息队列的优点解析
2016/06/29 Python
python numpy 显示图像阵列的实例
2018/07/02 Python
Python中实现单例模式的n种方式和原理
2018/11/14 Python
python格式化输出保留2位小数的实现方法
2019/07/02 Python
基于Python2、Python3中reload()的不同用法介绍
2019/08/12 Python
谈一谈数组拼接tf.concat()和np.concatenate()的区别
2020/02/07 Python
Python pandas如何向excel添加数据
2020/05/22 Python
Python request中文乱码问题解决方案
2020/09/17 Python
使用Python封装excel操作指南
2021/01/29 Python
门卫工作岗位职责
2013/12/17 职场文书
污水厂厂长岗位职责
2014/01/04 职场文书
物流专业求职计划书
2014/01/10 职场文书
小学生国庆节演讲稿
2014/09/05 职场文书
软环境建设心得体会
2014/09/09 职场文书
交通事故和解协议书
2014/09/25 职场文书
2014年党风廉政建设工作总结
2014/11/19 职场文书
社区重阳节活动总结
2015/03/24 职场文书
Nginx动静分离配置实现与说明
2022/04/07 Servers
台式电脑蓝牙适配器怎么安装?台式电脑蓝牙适配器安装教程
2022/04/08 数码科技
Nginx反向代理、重定向
2022/04/13 Servers