HTML---input type=“text”输入数字时的验证！（在提交时验证）

最新推荐文章于 2025-06-10 17:36:25 发布

转载最新推荐文章于 2025-06-10 17:36:25 发布 · 3.2k 阅读

文章标签：

#HTML #验证

学习专栏收录该内容

34 篇文章

订阅专栏

本文详细介绍了在HTML中使用正则表达式限制输入框输入的各类数值，包括非负数、正整数、非正整数、负整数、整数、非负浮点数、正浮点数、非正浮点数、负浮点数和浮点数的精确模式。

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

<!--非负数：<input type="text" name="" pattern="^\d+$">-->
<!--正整数：<input type="text" name="" pattern="^[1-9]|[1-9][0-9]*$">-->
<!--非正整数：<input type="text" name="" pattern="((-\d+)|0)">-->
<!--负整数：<input type="text" name="" pattern="^-([1-9]|[1-9][0-9])*$">-->
<!--整数：<input type="text" name="" pattern="^-?\d+$">-->
<!--非负浮点数：<input type="text" name="" pattern="^\d+(\.\d+)?$">-->
<!--非负浮点数,可保留一位，二位，三位小数：<input type="text" name="" pattern="^\d+(\.\d{1,3})?$">-->
<!--正浮点数：<input type="text" name="" pattern="^([1-9]+(\.\d+)?|0\.\d+)$">-->
<!--非正浮点数：<input type="text" name="" pattern="^-[0-9]+(\.\d+)?|0$">-->
<!--负浮点数：<input type="text" name="" pattern="^-[0-9]+(\.\d+)?$">-->
<!--浮点数：<input type="text" name="" pattern="^(-?\d+)(\.\d+)?$">-->

原文：https://blog.youkuaiyun.com/huaerxiangwoxiao/article/details/76262172