如何將輸入限制爲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

使用maxlength屬性：

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

Answer 2

您可以使用最小和最大

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

全球化志願服務青年：How can I limit possible inputs in a HTML5 "number" element?

Answer 3

最簡單的方法是使用一個jQuery插件，像一個在http://jqueryvalidation.org/。

既然你想限制只有4位數它會是這樣的：

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

}）;

Answer 4

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