使用掩碼文本輸入來驗證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/

明確地說，您希望數據驗證不只是基本的輸入掩碼。