为输入类型号分配最大长度的最佳方法答案

【问题标题】：Best way for assigning max length for input type number为输入类型号分配最大长度的最佳方法
【发布时间】：2020-08-26 13:54:15
【问题描述】：

我正在处理 html 输入。我想要一个输入（类型号）来接受最大长度为 5 的数字，例如 -99999 到 99999。我尝试使用 maxLength 属性，但它允许用户输入超过 5 位数字。有没有更好的方法呢？

【问题讨论】：

【解决方案1】：

您可以使用输入的max 和min 属性，例如：

<input type="number" name="id" min="-99999" max="99999">

然后（取决于您的样式）将显示 2 个箭头（向上和向下），您将无法继续将数字增加超过最大值，反之亦然

如果用户超出限制，您可以使用某种形式的表单验证来显示警报：

【讨论】：

但用户可以直接输入5位以上的数字
如果用户超出限制，您可以使用某种形式的表单验证来显示警报
我添加了一个可能看起来像的示例
这是正确的，我只是想提醒@AbhiSingh，即使使用这种验证，再次验证数据服务器端也是一件好事，在保存之前，很容易避免客户端验证在浏览器上并将未经验证的数据发送到服务器