星空网 > 软件开发 > Java

限定文本框只能输入数字实例代码

限定文本框只能输入数字实例代码:
有时候文本框中可以输入的内容只能够限定为数字,比如邮编和电话号码等。实现此中效果的方法有多种,比较常用的比如有正则表达式方式,不过这里咱们不采用这个,下面介绍一下如何通过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/




原标题:限定文本框只能输入数字实例代码

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

深圳国际快递电话:https://www.goluckyvip.com/tag/100519.html
Shopify建站:https://www.goluckyvip.com/tag/10052.html
德国dpd国际快递官网:https://www.goluckyvip.com/tag/100520.html
澳洲珀斯国际快递:https://www.goluckyvip.com/tag/100521.html
如何发国际快运:https://www.goluckyvip.com/tag/100522.html
国际快递可以寄液体:https://www.goluckyvip.com/tag/100523.html
北京到嵩山自驾游沿途景点 北京距离嵩山有多远:https://www.vstour.cn/a/411244.html
泰国签证有出生地 泰国出生入籍护照:https://www.vstour.cn/a/411245.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流