html - ユーザーが入力フィールドに挿入する正確な桁数を指定するにはどうすればよいですか?

Question

私は HTML5 の初心者で、次の問題があります。ページには、次のような入力タグがあります。

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

そして、私はそれについていくつかの検証を行う必要があります。

したがって、required="required"属性は、ユーザーがこのフィールドに値を挿入する必要があることを意味し、type="number"は、この値が数値を表す必要があることを指定していることを知っています。

今私の問題は次のとおりです。この数値が正確に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 は必要な桁数です。