javascript - 掩码文本输入以验证 MM/YY jquery-mask-plugin

Question

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

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

我怎样才能使面具的第一部分是 <= 12

Answer 1

仅使用 jquery-mask 插件无法做到这一点。正如您所指出的，它只屏蔽某些类型的输入，例如数字(一般)、字母、符号等。它不执行数据验证(这正是您所要求的。

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

$('#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/

需要明确的是，您希望数据验证不仅仅是基本的输入屏蔽。