创建输入字段以输入MMYY作为信用卡到期日期

Question

我正在使用bootstrap，我有一个表单输入字段，用于客户信用卡到期日。

我目前正在使用文本框，但是想知道引导程序是否有限制用户只能输入4位数的内容？ MM / YYYY

e.g。

05/2015

Answer 1

在HTML中，您可以使用maxlength="6"属性限制字段的最大长度。

在您的示例中，例如：

<input type="text" maxlength="6" placeholder="MMYYYY">

但是对于更复杂的东西，你需要使用一些javascript函数。 像：

function checkExpiry() {
  var s = $('#inputExp').val();

  if (/^\d{6}$/.test(s)) {
   return true;
  } else {
    // show error
    return false;
  }
}

从这开始你可以改进测试..比如检查月份和年份（表面上，真正的检查必须在服务器端完成）

/^[01][0-9]20[12][0-9]$/