| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 972 人关注过本帖
标题:怎样限制在网页中的输入框中只能输入数字?
只看楼主 加入收藏
卯是卯
Rank: 1
等 级:新手上路
帖 子:1
专家分:0
注 册:2006-6-28
收藏
 问题点数:0 回复次数:1 
怎样限制在网页中的输入框中只能输入数字?
请高手帮帮忙呀,我在做网页的时候需要限制输入框只能够输入数字,要怎么做,请帮帮忙,谢谢
搜索更多相关主题的帖子: 网页 数字 输入 
2006-06-28 09:26
走刀口→超
Rank: 6Rank: 6
等 级:贵宾
威 望:20
帖 子:5018
专家分:0
注 册:2006-3-14
收藏
得分:0 
  如何限制表单只能输入数字
解决思路:
捕获按键事件,把所输入的非数字字符过滤(替换为无)。
具体步骤:
代码示例:

<input onkeyup="this.value=this.value.replace(/[^\d]/g,’’)" onpaste="return false">

注意:触发事件必须用onkeyup,不能用onkeydown或onkeypress。
提示:
l this.value 提供当前元素的值。
l replace方法返回根据正则表达式进行文字替换后的字符串的复制。
l \d 匹配所有数字0-9,[^\d]匹配0-9之外的字符。
特别提示
代码运行后,在文本框中输入的非数字字符将被脚本“删”掉,比如输入flash8后只剩下一个8,效果如图1.4.26所示。

图1.4.26 只允许输入数字的文本框

特别说明


通过本例初步掌握正则表达式中对数字或非数字的查找匹配方法,还有对按键事件和粘贴事件的捕获。要了解更多关于正则表达式的更多信息,请参考第四部分第三章的问题10。
onkeydown 当用户按下键盘按键时触发。
onkeypress 当用户按下字面键时触发。
onkeyup 当用户释放键盘按键时触发。
onpaste 当用户粘贴数据以便从系统剪贴板向文档传送数据时在目标对象上触发。

人在江湖【走】,怎能不挨【刀】;为了能活【口】,唯有把己【超】!come on...
2006-06-29 10:25
快速回复:怎样限制在网页中的输入框中只能输入数字?
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.017468 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved