javascript - 多种格式的 jQuery 屏蔽(可选数字)

Question

我正在尝试屏蔽 CVV 卡..!

它应该允许 3 个或 4 个数字 xxx 123 或 xxxx 4567

我已经尝试过这样的操作，但它只允许 4 个字符，如何使用 jquery mask 插件允许两种格式

$("#card_cvv").mask("9999");//它接受4个字符

$("#card_cvv").mask("999");//它接受3个字符

我想要这样的组合:$("#card_cvv").mask("999 or 9999");

HTML:

<input id="card_cvv" name="ccv" data-toggle="tooltip" required="" value="" class="form-control alt card_cvv" type="text" placeholder="CCV" aria-required="true">

插件:https://igorescobar.github.io/jQuery-Mask-Plugin/

Answer 1

您必须使用 0 作为必填数字，使用 9 作为可选数字

$("#card_cvv").mask("0009",{ 
  clearIfNotMatch: true 
});

$('button').on('click', function(){
    console.log( $('#card_cvv').cleanVal() );
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.12/jquery.mask.min.js"></script>

<input type="text" id="card_cvv">

<button>log clear value</button>