实现只能输入数字的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 相关文章推荐
JS 学习笔记 防止发生命名冲突
Jul 30 Javascript
js中查找最近的共有祖先元素的实现代码
Dec 30 Javascript
在Linux上用forever实现Node.js项目自启动
Jul 09 Javascript
JavaScript 面向对象与原型
Apr 10 Javascript
JavaScript forEach()遍历函数使用及介绍
Jul 08 Javascript
AngularJS 避繁就简的路由
Jul 01 Javascript
使用vue的v-for生成table并给table加上序号的实例代码
Oct 27 Javascript
JavaScript EventEmitter 背后的秘密 完整版
Mar 29 Javascript
javascript使用substring实现的展开与收缩文字功能示例
Jun 17 Javascript
小程序接口的promise化的实现方法
Dec 11 Javascript
vue微信分享插件使用方法详解
Feb 18 Javascript
vue 图片裁剪上传组件的实现
Nov 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实现多级树型菜单
2006/10/09 PHP
PHP安全配置
2006/12/06 PHP
php 读取shell管道传输过来的内容
2010/03/01 PHP
yii2中使用Active Record模式的方法
2016/01/09 PHP
php远程请求CURL实例教程(爬虫、保存登录状态)
2020/12/10 PHP
扩展Jquery插件处理mouseover时内部有子元素时发生样式闪烁
2011/12/08 Javascript
Javascript面向对象设计一 工厂模式
2011/12/20 Javascript
别了 JavaScript中的isXX系列
2012/08/01 Javascript
一个支付页面DEMO附截图
2014/07/22 Javascript
jQuery通过ajax方法获取json数据不执行success的原因及解决方法
2016/10/15 Javascript
canvas学习之API整理笔记(一)
2016/12/29 Javascript
vue中的数据绑定原理的实现
2018/07/02 Javascript
JS隐藏号码中间4位代码实例
2019/04/09 Javascript
Vue form表单动态添加组件实战案例
2019/09/02 Javascript
vue中的双向数据绑定原理与常见操作技巧详解
2020/03/16 Javascript
vue print.js打印支持Echarts图表操作
2020/11/13 Javascript
Vue通过阿里云oss的url连接直接下载文件并修改文件名的方法
2020/12/25 Vue.js
ajax jquery实现页面某一个div的刷新效果
2021/03/04 jQuery
简单的Python的curses库使用教程
2015/04/11 Python
对Python3.x版本print函数左右对齐详解
2018/12/22 Python
windows下numpy下载与安装图文教程
2019/04/02 Python
Python 定义只读属性的实现方式
2020/03/05 Python
python矩阵运算,转置,逆运算,共轭矩阵实例
2020/05/11 Python
python中entry用法讲解
2020/12/04 Python
CSS书写规范、顺序和命名规则
2014/03/06 HTML / CSS
使用CSS3滤镜的filter:blur属性制作毛玻璃模糊效果的方法
2016/07/08 HTML / CSS
wordpress添加Html5的表单验证required方法小结
2020/08/18 HTML / CSS
西班牙在线光学:Visual-Click
2020/06/22 全球购物
办公室文秘自我评价
2013/09/21 职场文书
《观舞记》教学反思
2014/04/16 职场文书
环保倡议书50字
2014/05/15 职场文书
民生工作实施方案
2014/05/31 职场文书
品牌服务方案
2014/06/03 职场文书
承诺保证书格式
2015/02/28 职场文书
观看安全警示教育片心得体会
2016/01/15 职场文书
班组长如何制订适合本班组的工作计划?
2019/07/10 职场文书