实现只能输入数字的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实现的倒计时按钮实例
Jun 24 Javascript
Angularjs整合微信UI(weui)
Mar 15 Javascript
jquery ajaxfileupload异步上传插件使用详解
Feb 08 Javascript
Vue + Webpack + Vue-loader学习教程之相关配置篇
Mar 14 Javascript
TypeScript入门-基本数据类型
Mar 28 Javascript
微信小程序之GET请求的实例详解
Sep 29 Javascript
微信小程序实现红包雨功能
Jul 11 Javascript
vue-cli3+typescript新建一个项目的思路分析
Aug 06 Javascript
electron-vue开发环境内存泄漏问题汇总
Oct 10 Javascript
vue实现全屏滚动效果(非fullpage.js)
Mar 07 Javascript
微信小程序自定义顶部组件customHeader的示例代码
Jun 03 Javascript
JS如何实现封装列表右滑动删除收藏按钮
Jul 23 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简单判断文本编码的方法
2015/07/30 PHP
详解配置 Apache 服务器支持 PHP 文件的解析
2017/02/15 PHP
php使用crypt()函数进行加密
2017/06/08 PHP
PHP mongodb操作类定义与用法示例【适合mongodb2.x和mongodb3.x】
2018/06/16 PHP
解决thinkPHP 5 nginx 部署时,只跳转首页的问题
2019/10/16 PHP
javascript事件问题
2009/09/05 Javascript
Whatever:hover 无需javascript让IE支持丰富伪类
2010/06/29 Javascript
js 去掉空格实例 Trim() LTrim() RTrim()
2014/01/07 Javascript
JQuery对表格进行操作的常用技巧总结
2014/04/23 Javascript
JavaScript学习笔记之基础语法
2015/01/22 Javascript
JavaScript自定义数组排序方法
2015/02/12 Javascript
jquery实现仿Flash的横向滑动菜单效果代码
2015/09/17 Javascript
判断js的Array和Object的实现方法
2016/08/29 Javascript
微信小程序中做用户登录与登录态维护的实现详解
2017/05/17 Javascript
AngularJS实现表单验证功能详解
2017/10/12 Javascript
深入了解JavaScript代码覆盖
2019/06/13 Javascript
使用layui前端框架弹出form表单以及提交的示例
2019/10/25 Javascript
微信小程序表单验证WxValidate的使用
2019/11/27 Javascript
vue 实现click同时传入事件对象和自定义参数
2021/01/29 Vue.js
[06:07]刀塔密之二:攻之吾命受之吾幸
2014/07/03 DOTA
python基础教程之对象和类的实际运用
2014/08/29 Python
Python函数式编程指南(三):迭代器详解
2015/06/24 Python
python定时利用QQ邮件发送天气预报的实例
2017/11/17 Python
rabbitmq(中间消息代理)在python中的使用详解
2017/12/14 Python
Python打开文件,将list、numpy数组内容写入txt文件中的方法
2018/10/26 Python
python实现简易数码时钟
2021/02/19 Python
matplotlib.pyplot绘图显示控制方法
2019/01/15 Python
基于Python中isfile函数和isdir函数使用详解
2019/11/29 Python
详解python中各种文件打开模式
2020/01/19 Python
使用HTML5的File实现base64和图片的互转
2013/08/01 HTML / CSS
公司年会抽奖活动主持词
2014/03/31 职场文书
期中考试反思800字
2014/05/01 职场文书
2014年党务公开方案
2014/05/08 职场文书
详解GaussDB for MySQL性能优化
2021/05/18 MySQL
C站最全Python标准库总结,你想要的都在这里
2021/07/03 Python
win10电脑右下角输入法图标不见了?Win10右下角不显示输入法的解决方法
2022/07/23 数码科技