如何限制HTML 5“Number”元素中可能的输入？

Question

如何限制HTML 5“Number”元素中可能的输入？为<input type="number">元素，maxlength不起作用了。如何限制maxlength为了那个数字元素？

Answer 1

您可以指定min和max属性，它只允许在特定范围内输入。

<!-- equivalent to maxlength=4 --><input type="number" min="-9999" max="9999">

不过，这只适用于旋转器控件按钮。虽然用户可以键入一个大于允许的数字。max，表格将不提交。

 
^{从Chrome 15截图}

你，你们能，会，可以使用HTML 5oninput事件以限制字符数：

myInput.oninput = function () {
    if (this.value.length > 4) {
        this.value = this.value.slice(0,4); 
    }}