HTML5中針對數字CVC CVV的自定義驗證

Question

如何使用HTML5為數字提供自定義驗證

的HTML

---

<input class="required" id="field" type="number" maxlength="3" pattern="([0-9]|[0-9]|[0-9])" name="cvv"/>

此處只能輸入一個數字。 但是最大長度在這里不起作用。 還有其他解決方案嗎？

Answer 1

使用輸入數字的 max屬性

<input class="required" id="field" type="number" max="999" pattern="([0-9]|[0-9]|[0-9])" name="cvv"/>

甚至沒有圖案

<input class="required" id="field" type="number" max="999" min="-999" name="cvv"/>

Answer 2

根據文檔 ，僅當type屬性的值為text，email，search，password，tel或url時，maxlength才有效。 我建議您針對這種特殊情況使用javascript驗證。

有關一個非常簡單的示例，請參考此鏈接。