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

[复制链接]
查看2079 | 回复0 | 2020-11-12 16:49 | 显示全部楼层 |阅读模式
如何实现通过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>
复制代码
用了正则表达式匹配。

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

UID
1
贡献
387
丢币
38902
主题
4607
回帖
116
注册时间
2018-9-25
最后登录
2024-4-16