如何指定用戶必須插入到輸入字段中的確切位數？

我很新的HTML5，我有以下問題。進入一個頁面，我有這樣的輸入標籤：如何指定用戶必須插入到輸入字段中的確切位數？

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

我必須對它做一些驗證。

所以我知道需要=「需要」屬性意味着用戶必須插入了這個領域，而且類型=「數字」指定該值必須reprsent數字的值。

現在我的問題是：我可以用某種方式指定這個數字必須由11位數字組成嗎？我怎樣才能使用HTML5屬性？

使用'min'，'max'和'step'。或者你的意思是你想要允許'00000000001'而不是'1'？ – Oriol

@Oriol不必是一個11位數的整數：類似於：12345678901 – AndreaNobili

如果您只對字符串表示感興趣，而不是數值，則文本輸入比第一個字符更有意義。並允許你使用'pattern'屬性。 – Oriol

使用方式：

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

它只允許數字與11

測試的最小和最大長度是：

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

2016-02-11 16:02:45

究竟是什麼指定了name屬性呢？ – AndreaNobili

哦，你可以指定你想要的，唯一的補充，我告訴你的是'pattern'屬性 –

'pattern'屬性被忽略的數字輸入。 – Oriol

使用pattern這樣

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

其中5是你想要的位數。

2016-02-11 16:03:20 drosam

回答