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

使用输入number

的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

根据documentation，只有type属性的值为text，email，search，password，tel或url时，maxlength才有效。我建议你应该对这个特殊情况使用javascript验证。

有关一个非常简单的示例，请参阅this链接。