实现只能输入数字的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 相关文章推荐
javascript 有用的脚本函数
May 07 Javascript
jQuery之ajax删除详解
Feb 27 Javascript
JQuery学习总结【二】
Dec 01 Javascript
Angular.JS内置服务$http对数据库的增删改使用教程
May 07 Javascript
Vue 兄弟组件通信的方法(不使用Vuex)
Oct 26 Javascript
this.$toast() 了解一下?
Apr 18 Javascript
js+html5 canvas实现ps钢笔抠图
Apr 28 Javascript
vue点击页面空白处实现保存功能
Nov 06 Javascript
Layui表格监听行单双击事件讲解
Nov 14 Javascript
JS插入排序简单理解与实现方法分析
Nov 25 Javascript
JS实现简单控制视频播放倍速的实例代码
Apr 18 Javascript
element tree树形组件回显数据问题解决
Aug 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
福利彩票幸运号码自动生成器
2006/10/09 PHP
如何使用PHP实现javascript的escape和unescape函数
2013/06/29 PHP
非常实用的PHP常用函数汇总
2014/12/17 PHP
PHP利用缓存处理用户注册时的邮箱验证,成功后用户数据存入数据库操作示例
2019/12/31 PHP
TNC vs BOOM BO3 第三场2.13
2021/03/10 DOTA
发布BlueShow v1.0 图片浏览器(类似lightbox)blueshow.js 打包下载
2007/07/21 Javascript
使用JavaScript 编写简单计算器
2014/11/24 Javascript
轻松学习jQuery插件EasyUI EasyUI创建RSS Feed阅读器
2015/11/30 Javascript
JavaScript操作选择对象的简单实例
2016/05/16 Javascript
JavaScript中instanceof运算符的使用示例
2016/06/08 Javascript
js实现图片淡入淡出切换简易效果
2016/08/22 Javascript
关于axios返回空对象的问题解决
2017/04/04 Javascript
详解RequireJS按需加载样式文件
2017/04/12 Javascript
vue如何进行动画的封装
2018/09/26 Javascript
vue实现户籍管理系统
2020/05/29 Javascript
全面解析Vue中的$nextTick
2020/12/24 Vue.js
使用Python的Bottle框架写一个简单的服务接口的示例
2015/08/25 Python
基于python3 OpenCV3实现静态图片人脸识别
2018/05/25 Python
python实现雪花飘落效果实例讲解
2019/06/18 Python
通过实例了解Python str()和repr()的区别
2020/01/17 Python
python GUI库图形界面开发之PyQt5控件数据拖曳Drag与Drop详细使用方法与实例
2020/02/27 Python
Python调用REST API接口的几种方式汇总
2020/10/19 Python
css3的动画特效之动画序列(animation)
2017/12/22 HTML / CSS
教师找工作推荐信
2013/11/23 职场文书
结婚典礼证婚词
2014/01/08 职场文书
法学院方阵解说词
2014/01/29 职场文书
交通事故检查书范文
2014/01/30 职场文书
三分钟演讲稿事例
2014/03/03 职场文书
卖车协议书
2014/04/21 职场文书
小学毕业典礼演讲稿
2014/09/09 职场文书
员工工作自我评价
2014/09/26 职场文书
写给同事的离职感言
2015/08/04 职场文书
python实现求纯色彩图像的边框
2021/04/08 Python
Python使用UDP实现720p视频传输的操作
2021/04/24 Python
一文搞懂Python Sklearn库使用
2021/08/23 Python
分析Python list操作为什么会错误
2021/11/17 Python