文本框实现只能输入正整数，并且规定最大值

最新推荐文章于 2024-07-10 14:19:54 发布

七棵芹菜

最新推荐文章于 2024-07-10 14:19:54 发布

阅读量2.9k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签：文本框只能输入整数文本框正整数最大值

本文链接：https://blog.youkuaiyun.com/u012890715/article/details/79675958

前端专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一个简单的HTML页面，该页面使用JavaScript来控制输入框中只允许输入数字，并且数值不能超过100。通过监听键盘事件实现输入验证。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 <!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>