linong
← Demo 归档

Input number 校验 Bug 复现

表单交互示例：Input number 校验 Bug 复现。

Input number 校验 Bug 复现
Web 表单 博客配套 legacy 表单 博客配套
新窗口打开 原路径 /static/html/input-number-validity.html
在线预览
全屏打开

简介

复现 / 验证 <input type="number"> 的约束校验（min / max / step）与 ValidityState 行为；type 改为 text 时的差异。

如何测试验证

  1. 输入越界数字，触发浏览器默认校验气泡。
  2. 调用 checkValidity / reportValidity，观察 ValidityState。
  3. 改为 type=text 后对比 pattern / 自定义校验。
  4. 清空输入，检查 valueMissing / badInput。

相关规范与文档

相关文章