In chrome generating type=number without step attribute does not allow decimal values. #2712
Comments
|
That is an old issue (2011). Not sure if it still holds the candle as on latest Chrome (v43.0.2357.130), it accepts the decimal without step, as default value of step in IE, Chrome and Firefox is null. However, the behavior is reproducible in IE11. <!doctype html>
<html>
<body>
<form type="post" action="https://github.com/">
<input type="number" value="97.2" />
<input type="submit" />
</form>
<script>
var element = document.querySelector("[type=number]")
alert
(
"default value of step: " + element.getAttribute("step") +
"\nvalue: " + element.value +
"\nFails validation on submit in IE11"
)
</script>
</body>
</html>At this point I am not sure which browser is actually conforming with the standard here, but the step (with decimal like 0.3) is required in IE11. Try entering an alphabet to trigger the real validation error on all Firefox, IE and Chrome. |
|
In EN-AU culture: Will not submit in either IE11 or Chrome 43. http://codepen.io/anon/pen/mJLNvO Edit: Actually, the above isn't correct. Chrome: If you have no step attribute, but an initial value that is a float (as above), then it will accept a float. If you have no step and no value, or an integer based value, it will not accept a float value. FF appears to act the same. IE11 will not accept floats unless a step value is supplied. |
|
Spoke to @dougbu and @NTaylorMullen, we decided to use |
When using
Html.EditorFor()if the model is of typefloatordoublewe generate ainputtag withtype=number. Chrome does not allow decimal values ininputtags of typenumberunless astepattribute is specified - https://code.google.com/p/chromium/issues/detail?id=74120. From the link:We do not generate that
stepattribute. We should addstep=anyto get it working.However, IE allows decimal values without adding
stepattribute.The text was updated successfully, but these errors were encountered: