是否可以阻止用户在 HTML 运行时在文本框中输入长度超过 5 的值？ [关闭]

Posted 2023-02-22

【中文标题】是否可以阻止用户在 HTML 运行时在文本框中输入长度超过 5 的值？ [关闭]

【英文标题】：Is it posiible to stop user to enter value in textbox more than length of 5 at runtime in HTML? [closed]

【发布时间】：2021-04-05 10:50:54

【问题描述】：

我想阻止用户在 html 运行时在文本框中输入长度超过 5 的值。怎么可能？ 值的长度表示字符串中的字符数，而不是数字范围。请不要推荐 max 和 min 属性。

【问题讨论】：

为什么maxlength 属性对您不起作用？

看看 - w3schools.com/tags/att_input_maxlength.asp

它在运行时不会显示错误，也不会停止在文本框中输入值。我希望文本框在达到最大值时锁定，在我的情况下为 5

不管这个在客户端是固定的，你应该确保稍后在服务器端也有这个验证。您不能依赖客户端来强制执行此限制

@MehranAyub，你需要disabled状态时达到最大字符数吗？

【参考方案1】：

<input type="text" maxlength="5">

【讨论】：

它对我不起作用。它不会将文本框锁定在最大值。它让用户输入

@MehranAyub “锁”是什么意思？！ “禁用”文本框或将输入限制为 x 字符？关于浏览器和您的设置的信息对于这个问题“它不锁定文本框”非常有用

@Marc 'Lock' 表示将输入限制为 x 个字符

@MehranAyub 然后他的代码工作得很好......

哦，我明白了，这是我的错误，我使用的是 type='number' ，这就是 maxlength 不起作用的原因。但现在它可以完美地与 type='text'