使用掩码文本输入来验证MM / YY jquery-mask-plugin

Question

使用jquery-mask-plugin我想屏蔽输入内容以仅接受合理的MM / YY

$('#expDate').mask("99/99");有效，但是允许55/66，这是不可接受的月份。

我该怎么做，所以遮罩的第一部分是<= 12

Answer 1

您不能仅使用jquery-mask插件来执行此操作。如您所述，它仅屏蔽某些类型的输入，例如数字（通常是数字），字母，符号等。它不执行数据验证（这是您要的内容。

您可以编写一个运行onblur等的简单jQuery函数，以拒绝无效组合：

$('#expDate').blur(function() {
  let val = $(this).val();
  if (val.indexOf('/') > 0)
    {
      let first = val.split('/')[0]; 
      if (first > 12)  $(this).val('');
    }   
});

或者，您可以使用很棒的jQuery Validate插件： https://jqueryvalidation.org/

要清楚，您希望数据验证不仅仅是基本的输入掩码。