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