使用javascript限制输入表单中的字符

Question

我想将输入表单中的字符数限制为 3 到 10。 我如何使用 Javascript 管理它。 我需要用 Javascript 来做，这样当用户的输入不符合要求时，我可以将输入字段边框颜色从黑色更改为红色。 这是我的 HTML 代码。 我尝试了一些变体，但陷入了混乱。 请为我提供简单的解决方案。 先谢谢了。

<form action="/index" method="POST">
  <input type="text" id="firstname" name="firstname" placeholder="First name">
  <br>
  <input type="text" id="lastname" name="lastname" placeholder="Last name">
</form>

Answer 1

你可以尝试这样的事情；

<input type="text" id="lastname" name="lastname" placeholder="Last name" minlength="3" maxlength = "10">

Answer 2

使用maxlength和minlength ：

<form action="/index" method="POST">
  <input type="text" id="firstname" name="firstname" placeholder="First name" minlength="3" maxlength="10">
</form>