实现只能输入数字的input不用replace方法
更新时间：2013年09月12日 08:57:34 作者：
只能输入数字在以往都是使用replace方法实现的，在本文你将学习到不使用它依然可以实现，具体代码如下，感兴趣的朋友可以参考下
废话不多说，上代码：
<!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那种别扭的方法 - 输进了字母再替换掉，好丑！
复制代码 代码如下:
<!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那种别扭的方法 - 输进了字母再替换掉，好丑！
相关文章
这篇文章主要介绍了js实现登录时记住密码的方法,结合实例形式分析了JavaScript基于cookie实现存储登录密码相关操作技巧,需要的朋友可以参考下2020-04-04
Js操作Select是很常见的，也是比较实用的，每一次操作select的时候，总是要出来翻一下资料，不如自己总结一下，以后就翻这里了2013-10-10
用js实现的拖动表格的tr行的实现代码，需要的朋友可以参考下。2011-05-05
在页面中有两个列表框，需要把其中一个列表框的元素移动到另一个列表框，怎么实现此功能呢，下面通过本文给大家介绍JavaScript如何实现组合列表框中元素移动效果，感兴趣的朋友一起学习吧2016-03-03
对于JS框架开发中的客户端（浏览器）兼容难题，各位想必都不陌生。平常，我们都用if去面对接口不一致以及成堆的bug。然而，这里介绍的方法却可以让兼容更加优雅2011-10-10
这篇文章主要介绍了JS实现带缓冲效果打开、关闭、移动一个层的方法,涉及javascript鼠标事件及页面元素操作技巧,需要的朋友可以参考下2015-05-05
这篇文章主要介绍了BootStrap 实现各种样式的进度条效果,代码分为动态和叠加两种效果，需要的朋友可以参考下2016-12-12
一文详解JavaScript 如何将 HTML 转成 Markdown
这篇文章主要介绍了一文详解JavaScript如何将HTML转成Markdown，文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下2022-08-08
javascript checkbox/radio onchange不能兼容ie8处理办法
这篇文章主要介绍了javascript checkbox/radio onchange不能兼容ie8处理办法的相关资料,需要的朋友可以参考下2017-06-06
今天小编就为大家分享一篇layui点击按钮页面会自动刷新的解决方案，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-10-10
最新评论