如何指定用户必须插入输入字段的确切位数？

Question

我是HTML5的新手，我有以下问题。在页面中我有一个像这样的输入标签：

<input id="codiceFiscaleEnte" class="form-control" name="numeroProtocollo" type="number" th:value="*{codiceFiscaleEnte}" required="required"></input>

我必须对它进行一些验证。

所以我知道 required =＆＃34; required＆＃34; 属性意味着用户必须为此字段插入一个值，并且 type =＆＃34; number＆＃34; 指定此值必须代表一个数字。

现在我的问题是：我能以某种方式指定这个数字必须由11位数组成吗？如何使用HTML5属性来完成？

Answer 1

使用模式：

<input type="text" name="numeroProtocollo" required pattern="[0-9]{11}">

它只允许最小和最大长度为11的数字

测试一下：

https://jsfiddle.net/oegjdszx/1/

Answer 2

像这样使用pattern

<input pattern="[0-9]{5}">

其中5是您想要的位数。