为什么<input type="number“maxlength="3">不能在Safari中工作？

Question

我喜欢输入最多3个字符。在Firefox中，一切都很好，我只能在输入中写入3个数字--但在safari中，您可以在其中写入大量数字。

您可以在两个浏览器中使用以下内容进行测试：http://flowplayer.org/tools/demos/validator/custom-validators.htm

现在，我通过一个验证插件意识到了这一点--但只是出于兴趣，我想知道为什么这个插件不能工作？

编辑：

有了这个，它就起作用了

<input class="required" id="field" type="text" maxlength="3" pattern="([0-9]|[0-9]|[0-9])" name="cvv"/>

答：How can I prevent letters inside a text element?

Answer 1

我做到这一点的方法是：

<input class="required" id="field" type="text" maxlength="3" pattern="([0-9]|[0-9]|[0-9])" name="cvv"/>

然后在JavaScript，我阻止了这些字母：

$("#myField").keyup(function() {
    $("#myField").val(this.value.match(/[0-9]*/));
});

Answer 2

您可以尝试用户type=“文本”和oninput，如下所示。这只会让数字。

<input type="text" maxlength="3" oninput="this.value=this.value.replace(/[^0-9]/g,'');" id="myId"/>

Answer 3

使用onKeyDown长度可以限制

<input type="number" onKeyDown="if(this.value.length==10 && event.keyCode!=8) return false;">

快乐编码:)