javascript设置文本框只能输入数字

javascript设置文本框只能输入数字:
在很多实际需要中,需要对输入的内容进行限制,比如有些地方只能够输入数字,例如大家经常使用的QQ号码,这个当然当然是数字了,下面就简单介绍一下如何实现此功能。
代码实例如下:

<!DOCTYPE html>   
<html>   
<head>   
<meta charset=" utf-8">   
<meta name="author" content="http://www.softwhy.com/" /> 
<title>复选框全选和取消代码-蚂蚁部落</title> 
<script type="text/javascript"> 
window.onload=function() 
{ 
  var myinput=document.getElementById("mytest"); 
  myinput.onkeyup=function() 
  { 
    myinput.value=myinput.value.replace(/[^\d]/g,''); 
  } 
  myinput.onbeforepaste=function() 
  { 
    clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''));   
  } 
} 
</script> 
</head> 
<body> 
只能够输入数字:<input id="mytest" name="mytext" /> 
</body> 
</html>

 以上代码实现了基本功能,无论是使用键盘输入还是复制黏贴都只能够使用数字。下面简单介绍一下如何实现此功能:

实现原理:
为onkeyup和onbeforepaste时间绑定相应的时间处理程序通过使用正则表达式判断用键盘输入或者复制黏贴的内容中是否含有除数字意外的其他字符,如果有其他字符则将这些非数字字符过滤掉。
相关阅读:
1.onkeyup可以参阅javascript的onkeyup事件一章节。 
2.onbeforepaste事件可以参阅javascript的onbeforepaste事件一章节。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=6268

更多内容可以参阅:http://www.softwhy.com/javascript/

猜你喜欢

转载自softwhy.iteye.com/blog/2262274