【问题标题】:HTML prevent step validation of number inputHTML 防止数字输入的步骤验证
【发布时间】:2022-11-08 00:46:00
【问题描述】:

定义数字输入的 step 属性允许通过按下向上和向下按钮来取消和增加数字:

<input type="number" min="0" max="100" step="10">

不幸的是,设置此属性也会启用验证,这意味着不再允许在两个步骤之间手动设置值:

在我的情况下,这仍然应该被允许,而不会完全禁用验证。所以该步骤应该应用于按钮而不是验证。我进行了很多搜索,但没有找到直接的解决方案。 This blog post 显示有几个不同的验证错误,例如价值缺失, *typeMismatch, ... 提供。这里的问题似乎在于步不匹配.

有没有一种方法仍然可以将步骤应用于向上和向下按钮,仍然允许在两者之间输入值而不验证失败?也许通过阻止步不匹配要设置?

【问题讨论】:

    标签: javascript html validation input


    【解决方案1】:

    一种解决方案是添加使用 JavaScript 更改值的按钮,而不是使用默认的 HTML 输入。 如果你想要相同的方面,一些 CSS 可能会有所帮助

    【讨论】:

      猜你喜欢
      • 2016-11-03
      • 2017-05-22
      • 2017-01-15
      • 2022-12-23
      • 1970-01-01
      • 2016-04-17
      • 2020-06-14
      • 2020-08-09
      • 1970-01-01
      相关资源
      最近更新 更多