实现只能输入数字的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 操作DOM案例代码分享
Apr 05 Javascript
JavaScript window.document的属性、方法和事件小结
Oct 24 Javascript
jquery原创弹出层折叠效果点击折叠弹出一个层
Mar 12 Javascript
Jquery之Bind方法参数传递与接收的三种方法
Jun 24 Javascript
Node.js编码规范
Jul 14 Javascript
浅谈JavaScript中Date(日期对象),Math对象
Feb 05 Javascript
Angular2入门--架构总览
Mar 29 Javascript
解决vue2.0 element-ui中el-upload的before-upload方法返回false时submit()不生效问题
Aug 24 Javascript
JS把字符串格式的时间转换成几秒前、几分钟前、几小时前、几天前等格式
Jul 10 Javascript
vue项目从node8.x升级到12.x后的问题解决
Oct 25 Javascript
javascript实现搜索筛选功能实例代码
Nov 12 Javascript
详解Vue的options
May 15 Vue.js
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
十大感人催泪爱情动漫 第一名至今不忍在看第二遍
2020/03/04 日漫
遍历指定目录下的所有目录和文件的php代码
2011/11/27 PHP
PHP中ini_set和ini_get函数的用法小结
2014/02/18 PHP
php通过字符串调用函数示例
2014/03/02 PHP
Yii基于CActiveForm的Ajax数据验证用法示例
2016/07/14 PHP
laravel 修改记住我功能的cookie保存时间的方法
2019/10/14 PHP
JavaScript修改css样式style
2008/04/15 Javascript
jquery多选项卡效果实例代码(附效果图)
2013/03/23 Javascript
js setTimeout 参数传递使用介绍
2013/08/13 Javascript
关于Javascript作用域链的八点总结
2013/12/06 Javascript
JavaScript获取网页支持表单字符集的方法
2015/04/02 Javascript
使用jQuery实现Web页面换肤功能的要点解析
2016/05/12 Javascript
Vue.js中用v-bind绑定class的注意事项
2016/12/13 Javascript
拖动时防止选中
2017/02/03 Javascript
如何理解Vue的.sync修饰符的使用
2017/08/17 Javascript
实例详解Node.js 函数
2018/06/10 Javascript
swiper在vue项目中loop循环轮播失效的解决方法
2018/09/15 Javascript
javascript实现文本框标签验证的实例代码
2018/10/14 Javascript
Vue插件从封装到发布的完整步骤记录
2019/02/28 Javascript
原生JS实现图片懒加载之页面性能优化
2019/04/26 Javascript
react实现antd线上主题动态切换功能
2019/08/12 Javascript
vue-openlayers实现地图坐标弹框效果
2020/09/24 Javascript
vue3.0实现点击切换验证码(组件)及校验
2020/11/18 Vue.js
Python contextlib模块使用示例
2015/02/18 Python
Python实现随机漫步功能
2018/07/09 Python
python生成随机红包的实例写法
2019/09/02 Python
Python数据持久化存储实现方法分析
2019/12/21 Python
Django Xadmin多对多字段过滤实例
2020/04/07 Python
详解PyQt5中textBrowser显示print语句输出的简单方法
2020/08/07 Python
Pytorch 图像变换函数集合小结
2021/02/01 Python
财务支持类个人的自我评价
2014/02/14 职场文书
2014年科普工作总结
2014/12/06 职场文书
乔布斯辞职信(中英文对照)
2015/05/12 职场文书
公司开业致辞
2015/07/29 职场文书
人生一定要学会的三样东西:放下、忘记、珍惜
2019/08/21 职场文书
详细谈谈JavaScript中循环之间的差异
2021/08/23 Javascript