如何將輸入限制為4位數字

Question

我想從用戶那里檢索一個4位數的員工ID。 如何將輸入字段限制為4位？

<tr>
<td>4 digit Employee ID:</td>
<td><input type = "number" name = "employee_id" size = "20"></td>
</tr>

Answer 1

<tr>
<td>4 digit Employee ID:</td>
<td><input type = "text" name = "employee_id"  pattern="[0-9]{4}" title="4 digit number: e.g. 1234" required></td>
</tr>

Answer 2

你可以使用最小值和最大值

<input type="number" name="employee_id" min="1" max="9999">

Referance： 如何限制HTML5“數字”元素中的可能輸入？

Answer 3

最簡單的方法是使用jquery插件，如http://jqueryvalidation.org/上的插件。

由於你想限制只有4位數，它是這樣的：

$( "#myform" ).validate({
  rules: {
  field: {
     required: true,
     digits: true,
     maxlength: 4
  }
}

}）;

Answer 4

使用maxlength屬性：

<input type = "number" name = "employee_id" size = "20" maxlength= "4">