html input标签只能输入纯数字且不能大于100

东木月

已于 2022-04-04 11:06:35 修改

阅读量1.3k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Html 文章标签： html

于 2022-04-04 10:58:28 首次发布

本文链接：https://blog.youkuaiyun.com/lm_is_dc/article/details/123950346

12 篇文章

订阅专栏

本文介绍了如何使用HTML的input元素配合JavaScript实现只能输入纯数字且不超过100的输入限制。通过oninput事件和正则表达式，确保输入值始终为数字并限制最大值为100，这对于前端表单验证至关重要。

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

代码为：

<input name="purchase_num" value="1" oninput="value=value.replace(/[^\d]/g,'');if(value>100)value=100"/>

效果：
在这里插入图片描述