忽略Firefox步骤不匹配表单验证

时间:2018-08-21 15:46:17

标签: javascript html forms validation firefox

我在html表单上有一个数字类型的输入字段。它的步长值为1000,因为我希望用户在按下GUI输入字段上的向上和向下箭头时能够跳转1000。

我希望用户能够键入0到6000之间的任何值,包括不能被1000整除的数字,例如1500。

但是,如果用户键入不能被步长值整除的值,则Firefox在输入框周围显示一条红线。有没有办法忽略此步骤的不匹配?

1 个答案:

答案 0 :(得分:1)

使用CSS定位invalid伪元素并隐藏框阴影。

input[type="number"]:invalid {
    box-shadow: none;
}
<input type="number" step="1000">