如何实现通过js限制input文本框只允许输入数字并限制数字大小的方法教程这是一个很个性的输入框特效,规定文本框只允许输入数字,如果你执意要输入其它的字符,则输入的字符将自动消失,除非你输入的是规定内的字符格式,并且对输入数字大小也有限制!为保证兼容性,请使用火狐浏览器。
运行效果截图如下:

如何实现通过js限制input文本框只允许输入数字并限制数字大小的方法

如何实现通过js限制input文本框只允许输入数字并限制数字大小的方法

代码如下:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="X-UA-Compatible" content="IE=7" />
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7. <title>首页</title>
  8. <style type="text/css">
  9. html,body{margin:0; padding:20px;}
  10. </style>
  11. </head>
  12. <body>
  13. <input type="text" id="input" />
  14. <script type="text/javascript">
  15. var text = document.getElementById("input");
  16. text.onkeyup = function(){
  17. this.value=this.value.replace(/\D/g,'');
  18. if(text.value>100){
  19.   text.value = 100;
  20. }
  21. }
  22. </script>
  23. </body>
  24. </html>
复制代码
用了正则表达式匹配。

推荐给好友: [复制链接]
推荐文章
回复

使用道具 举报

相关文章

发布主题
  • 今日更新:0 昨日更新:0
  • 会员总数:444 模板总数:9692
打造全国最大建站模板下载平台
在线技术QQ

515138

周一至周日9:00-23:00

如有侵权请联系我们

515138@qq.com 在线QQ咨询

微信扫码关注我们