实现只能输入数字的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在页面加载时动态修改图片尺寸的方法
Mar 20 Javascript
jquery实现鼠标滑过后动态图片提示效果实例
Aug 10 Javascript
论JavaScript模块化编程
Mar 07 Javascript
深入浅析JavaScript中的scrollTop
Jul 11 Javascript
javascript验证手机号和实现星号(*)代替实例
Aug 16 Javascript
vue从使用到源码实现教程详解
Sep 19 Javascript
JS限制条件补全问题实例分析
Dec 16 Javascript
RequireJS 依赖关系的实例(推荐)
Jan 21 Javascript
jquery实现全选、全不选以及单选功能
Mar 23 jQuery
js+css实现打字效果
Jun 24 Javascript
微信小程序之自定义组件的实现代码(附源码)
Aug 02 Javascript
浅谈Webpack核心模块tapable解析
Sep 11 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&amp;&amp;mysql)六
2006/10/09 PHP
PHP远程连接MYSQL数据库非常慢的解决方法
2008/07/05 PHP
PHP下通过系统信号量加锁方式获取递增序列ID
2009/09/25 PHP
深入理解PHP原理之异常机制
2010/08/21 PHP
PHP If Else(elsefi) 语句
2013/04/07 PHP
PHP从二维数组得到N层分类树的实现代码
2016/10/11 PHP
ThinkPHP框架实现的微信支付接口开发完整示例
2019/04/10 PHP
设置下载不需要倒计时cookie(倒计时代码)
2008/11/19 Javascript
js子页面获取父页面数据示例
2014/05/15 Javascript
JS实现FLASH幻灯片图片切换效果的方法
2015/03/04 Javascript
探讨JavaScript中的Rest参数和参数默认值
2015/07/29 Javascript
jQuery Validate表单验证插件 添加class属性形式的校验
2016/01/18 Javascript
JavaScript实现使用Canvas绘制图形的基本教程
2016/10/27 Javascript
javascript按钮禁用和启用的效果实例代码
2017/10/29 Javascript
vue中实现先请求数据再渲染dom分享
2018/03/17 Javascript
对mac下nodejs 更新到最新版本的最新方法(推荐)
2018/05/17 NodeJs
详解JS函数stack size计算方法
2018/06/18 Javascript
vue axios基于常见业务场景的二次封装的实现
2018/09/21 Javascript
Vue 中如何正确引入第三方模块的方法步骤
2019/05/05 Javascript
vue项目从node8.x升级到12.x后的问题解决
2019/10/25 Javascript
Tornado 多进程实现分析详解
2018/01/12 Python
Python网络编程之TCP与UDP协议套接字用法示例
2018/02/02 Python
详解python异步编程之asyncio(百万并发)
2018/07/07 Python
Python使用分布式锁的代码演示示例
2018/07/30 Python
老生常谈python中的重载
2018/11/11 Python
详解Python 字符串相似性的几种度量方法
2019/08/29 Python
ipad上运行python的方法步骤
2019/10/12 Python
Windows下pycharm安装第三方库失败(通用解决方案)
2020/09/17 Python
Python 找出英文单词列表(list)中最长单词链
2020/12/14 Python
html2canvas把div保存图片高清图的方法示例
2018/03/05 HTML / CSS
TecoBuy澳大利亚:在线电子和小工具商店
2020/06/25 全球购物
颇特女士:NET-A-PORTER(直邮中国)
2020/07/11 全球购物
个人对照检查材料思想汇报(四风问题)
2014/09/25 职场文书
2014年幼儿园工作总结
2014/11/10 职场文书
2019单位介绍信怎么写
2019/06/24 职场文书
python中%格式表达式实例用法
2021/06/18 Python