笔记一下,简单的input值的限制

控制文本框里只能输入数字,并且最大数字不超过100,超过一百的话强制显示100

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="X-UA-Compatible" content="IE=7" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>首页</title> <style type="text/css"> html,body{margin:0; padding:20px;} </style> </head> <body> <input type="text" id="input" /> <script type="text/javascript"> var text = document.getElementById("input"); text.onkeyup = function(){ this.value=this.value.replace(/\D/g,''); if(text.value>100){ text.value = 100; } } </script> </body> </html>

提示：您可以先修改部分代码再运行

二月 3rd, 2010 in 行为

Comments (13)

啊龙三月 7th, 2010 at 10:51 下午

博客蛮个性的，路过了，帮你踩一下。

jason四月 3rd, 2010 at 4:18 上午

留意一下

风四月 24th, 2010 at 4:14 下午

楼主好文章，飘过。
刚建的前端开发博客，有空交流一下吧。
http://bokanstar.info
期待更好的文章。

前端开发吧四月 24th, 2010 at 6:10 下午

踩过，终于又看到新文章了。每次来都能学到新东西，希望下篇文章尽快出来，HOHO。

前端开发五月 2nd, 2010 at 1:56 上午

好文章啊。希望能尽快看到下篇文章，有空也来我空间逛逛吧

山东SEO五月 15th, 2010 at 10:17 下午

山东SEO（www.jnseo.org）来访了，小站也希望博主回访，多多交流，共同进步。另希望做个友情链接，嘿嘿

leoo0五月 17th, 2010 at 3:43 下午

你这个运行代码的是插件吗？？？可以分享一下吗？？？leoo0#qq.com

篷布五月 28th, 2010 at 11:21 上午

小站来过了，学习一下，没有别的意思。

剧情六月 7th, 2010 at 9:59 下午

谢谢分享

范文六月 8th, 2010 at 8:55 上午

好好赞一个

狂热六月 11th, 2010 at 5:25 上午

不错的代码！支持！

山东SEO六月 24th, 2010 at 3:28 下午

哈哈,再次造访贵博客,文章写的不错,希望能回访哦.成为朋友

web前端寒风七月 20th, 2010 at 11:10 下午

博主的js真牛呀，不知道博主对学js有什么建议，呵呵，可否分享一下

Leave a comment