屏蔽文本输入以验证 MM/YY jquery-mask-plugin

Question

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

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

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

Answer 1

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

你可以编写一个简单的jQuery函数，运行在blur等上，拒绝无效的组合：

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

或者，您可以使用出色的jQuery Validify插件： https://jqueryvalidation.org/

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