HTML5 中对数字 CVC CVV 的自定义验证

Custom validation in HTML5 for numbers CVC CVV

本文关键字：自定义 验证 CVV CVC 数字 HTML5      更新时间：2023-09-26

如何使用HTML5为数字提供自定义验证

.HTML

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

这里只允许输入一个数字。但是最大长度在这里不起作用。有没有其他解决方案？

使用输入数字的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"/>

根据文档，仅当 type 属性的值为文本、电子邮件、搜索、密码、电话或 url 时，maxlength 才有效。我建议你应该在这种特殊情况下使用 javascript 验证。

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

相关文章：