多种格式的 jQuery 掩码（可选数字）

Question

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

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

我试过这样，但它只允许 4 个字符，我怎样才能使用 jquery 掩码插件

允许两种格式

$("#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>

多种格式的 jQuery 掩码（可选数字）

j Query masking for multiple formats (Optional digits)

html

javascript

jquery

mask

masking