j查询多种格式的掩码(可选数字)

时间:2017-10-25 18:45:33

标签: javascript jquery html mask masking

我正试图掩盖CVV卡..!

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

我试过这样但是它只允许4个字符,我怎么能用jquery mask plugin允许这两种格式

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

1 个答案:

答案 0 :(得分:3)

您必须使用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>