限定文本框只能输入数字实例代码:
有时候文本框中可以输入的内容只能够限定为数字，比如邮编和电话号码等。实现此中效果的方法有多种，比较常用的比如有正则表达式方式，不过这里咱们不采用这个，下面介绍一下如何通过keyCode属性值实现此效果。
代码实例如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>规定文本框只能够输入数字-蚂蚁部落</title>
<script type="text/javascript">
function kp(ev){
var ev=ev||window.event;
if(ev.keyCode<=47||ev.keyCode>=65){
ev.returnValue=false;
}
}
function kpd(){
var ev=ev||window.event;
if(ev.keyCode<=47||(ev.keyCode>=65&&ev.keyCode!=190)){
ev.returnValue=false;
}
}
window.onload=function(){
var ofirst=document.getElementById("first");
var osecond=document.getElementById("second");
ofirst.onkeydown=kp;
osecond.onkeydown=kpd;
}
</script>
</head>
<body>
只能输入0-9:<input type="text" id="first" /><br/>
只能输入0-9.:<input type="text" id="second" />
</body>
</html>
以上代码实现了我们的需要，在第一个文本框中只能够输入0-9数字，第二个文本框只能够输入0-9和点(.)，下面介绍一下实现过程:
一.实现原理:
为两个文本框分别注册onkeydown事件处理函数，此函数中可以通过事件对象的keyCode属性判断到底是按下的哪个键，如果不在规定的范围内，那么就会无效，否则将会将按键对应的字符输入文本框。
二.相关阅读:
1.ev=ev||window.event可以参阅var ev=window.event||ev的作用是什么一章节。
2.keyCode属性可以参阅javascript的keyCode属性一章节。
3.onkeydown事件可以参阅javascript的onkeydown事件一章节。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=9100
更多内容可以参阅:http://www.softwhy.com/javascript/
时间： 2024-08-02 07:01:43