实现只能输入数字的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 相关文章推荐
jquery判断单个复选框是否被选中的代码
Sep 03 Javascript
运用jQuery定时器的原理实现banner图片切换
Oct 22 Javascript
Javascript 赋值机制详解
Nov 23 Javascript
jQuery实现的简单折叠菜单(折叠面板)效果代码
Sep 16 Javascript
对象题目的一个坑 理解Javascript对象
Dec 22 Javascript
Jquery ajax请求导出Excel表格的实现代码
Jun 08 Javascript
js实现做通讯录的索引滑动显示效果和滑动显示锚点效果
Feb 18 Javascript
bootstrap表单按回车会自动刷新页面的解决办法
Mar 08 Javascript
discuz表情的JS提取方法分析
Mar 22 Javascript
vue router嵌套路由在history模式下刷新无法渲染页面问题的解决方法
Jan 25 Javascript
vue单页缓存方案分析及实现
Sep 25 Javascript
解决vue 使用setTimeout,离开当前路由setTimeout未销毁的问题
Jul 21 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 高性能书写
2010/12/11 PHP
PHP使用数组实现矩阵数学运算的方法示例
2017/05/29 PHP
PHP面向对象五大原则之里氏替换原则(LSP)详解
2018/04/08 PHP
DD_belatedPNG,IE6下PNG透明解决方案(国外)
2010/12/06 Javascript
javascript语言结构小记(一)
2011/09/10 Javascript
js作用域及作用域链概念理解及使用
2013/04/15 Javascript
浅谈javascript面向对象程序设计
2015/01/21 Javascript
JavaScript获取数组最小值和最大值的方法
2015/06/09 Javascript
JS提示:Uncaught SyntaxError:Unexpected token ) 错误的解决方法
2016/08/19 Javascript
微信小程序 在Chrome浏览器上运行以及WebStorm的使用
2016/09/27 Javascript
javascript简易画板开发
2020/04/12 Javascript
Bootstrap CSS布局之表格
2016/12/17 Javascript
js仿搜狐视频记录片列表展示效果
2020/05/30 Javascript
JS实现图片点击后出现模态框效果
2017/05/03 Javascript
JavaScript截屏功能的实现代码
2017/07/28 Javascript
认识less和webstrom的less配置方法
2017/08/02 Javascript
完美解决手机浏览器顶部下拉出现网页源或刷新的问题
2017/11/30 Javascript
arctext.js实现文字平滑弯曲弧形效果的插件
2019/05/13 Javascript
vue v-for 点击当前行,获取当前行数据及event当前事件对象的操作
2020/09/10 Javascript
简单的抓取淘宝图片的Python爬虫
2014/12/25 Python
用Python计算三角函数之acos()方法的使用
2015/05/15 Python
python机器学习理论与实战(六)支持向量机
2018/01/19 Python
使用python 3实现发送邮件功能
2018/06/15 Python
在pycharm 中添加运行参数的操作方法
2019/01/19 Python
python如何实现单链表的反转
2020/02/10 Python
python简单的三元一次方程求解实例
2020/04/02 Python
基于Python实现体育彩票选号器功能代码实例
2020/09/16 Python
pip已经安装好第三方库但pycharm中import时还是标红的解决方案
2020/10/09 Python
俄罗斯眼镜网: optikaworld
2016/07/31 全球购物
Marlies Dekkers内衣法国官方网上商店:国际知名的荷兰内衣品牌
2019/03/18 全球购物
大学生演讲稿范文
2014/01/11 职场文书
腾讯广告词
2014/03/19 职场文书
敬业奉献模范事迹材料
2014/12/24 职场文书
晶体管来复再生式二管收音机
2021/04/22 无线电
解决Mysql中的innoDB幻读问题
2022/04/29 MySQL
java获取一个文本文件的编码(格式)信息
2022/09/23 Java/Android