如何匹配 HTML 5 中的信用卡到期日期模式？

【问题标题】：How do I match credit card expiration date pattern in HTML 5?如何匹配 HTML 5 中的信用卡到期日期模式？
【发布时间】：2022-12-17 01:20:11
【问题描述】：

我想确保用户输入的信用卡到期日期格式为MM/YYYY，MM的范围在01到12之间，YYYY在2016到2031之间（含）。

我如何使用 HTML 5 中的模式匹配来做到这一点？

我尝试了以下但没有奏效：

<input type="text" pattern="\d{1,2}/\d{4}" class="datepicker" name="date" value="" />

【问题讨论】：

【解决方案1】：

你的模式有点不正确。

您需要将输入放在表单中，并且您无法提交表单。

删除 1, in month 正则表达式，因为您只想接受 2 位数字。

<form>
  <input type="text" pattern="d{2}/d{4}" class="datepicker" name="date" value="" />
  <button type="submit">submit</button>
</form>

【讨论】：