validation - IE11 中的 <input type=number> 验证错误(Windows 7、8)

Question

<input type=number>在 IE11/Win7 和 IE11/Win8 上，给定 min、max 和 step 不接受某些数字范围是正确的，并出现验证错误“你必须输入有效值”

在我的示例中，我将最小值选择为 -90，将最大值选择为 90(地理纬度输入)，步长为 0.00001。

出于某种原因，以下值范围无效:

• 24 到 77
• -75至-49
• -33至-7

这些范围之间的差距是有效的

有错误的测试用例:https://jsfiddle.net/w0r05kq7/4/

代码:

<form>
  <input type="number" min="-90" max="90" step="1.0e-05" value="58,69374">
  <input type="submit"></input>
</form>

Edge 或 IE11/Win10 不会发生这种情况

我想继续使用数字输入，因为它在其他浏览器上很有用，但我也需要一些 IE 支持。是否有任何解决方法，或者我应该放弃？

Answer 1

问题在于如何在 IE 中验证约束。我用值 34 进行了测试，在调用方法 input.checkValidity 时，它返回 false。同样在检查 input.validity 时，它显示 stepMismatch 错误为真。在计算这些验证时似乎有一些问题

我做了一个 plunker 来复制，有趣的是，如果你将步长设置为小数点后 4 位，那么它适用于所有情况，但当你增加到小数点后 5 位时，它会产生验证错误。

1. Plunker 链接:http://plnkr.co/edit/kiy4t302ivwsDWb1C1vG?p=preview
2. 约束验证:https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5/Constraint_validation
3. IE11 问题:https://connect.microsoft.com/IE/feedback/details/850187/html5-constraint-validation-is-broken-in-ie11-for-input-type-number

我希望这会让您对问题的根源有所了解。如果可能的话，您可以使用 4 个小数位进行开发。我会看看 IE 是否有任何小数点后 5 位的解决方法，如果找到任何一个，我会更新答案