使用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>