Question

我试图弄清楚信用卡到期日输入的模式正则表达式将返回mm/yy

目前我遇到了yyyy-mm-dd模式，如下所示：

<input type="text" pattern="(?:19|20)[0-9]{2}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-9])|(?:(?!02)(?:0[1-9]|1[0-2])-(?:30))|(?:(?:0[13578]|1[02])-31))" />

我尝试编辑，但我似乎无法正确使用mm/yy

Answer 1

如果使用此模式，则用户无法输入无效的月份数字，例如“ 34”-第一个数字必须为“ 0”或“ 1”。 “ /”在这里不是可选的。另外，“标题”还可以帮助用户输入有效的代码，从而在工具提示中发送其他消息。

<form>
  <input 
    type="text"
    pattern="(?:0[1-9]|1[0-2])/[0-9]{2}"
    title="Enter a date in this format MM/YY"
  />

  <input type="submit">
</form>

Answer 2

尝试使用此正则表达式，它应该可以工作：

<form>
  <input type="text" pattern="([0-9]{2}[/]?){2}" />
  <input type="submit">
</form>

它匹配两个（{2}）数字（[0-9]）加上一个假设的“/”（[/]？），所有这两次。

第一个匹配“mm /”，然后只是“yy”部分。

希望它有所帮助！

cc到期的html5模式mm / yy

2 个答案: