如何更改此掩码javascript函数以避免从零开始?

时间:2017-08-21 00:40:49

标签: jquery mask

请问,我可以在哪里更改此掩码功能以避免用户输入0(零)作为第一个数字?

这是一个掩码函数,用于格式化输入格式:

(99) 9999-9999 or (99) 99999-9999

在巴西,celphone现在有9位数,普通手机有8位数。但是城市代码(在括号之间)不能以0(零)开头,否则会弄乱电话号码。

// telefone com 9 digitos           
var SPMaskBehavior = function (val) {
  return val.replace(/\D/g, '').length === 11 ? '(00) 00000-0000' : '(00) 0000-00009';
},
spOptions = {
  onKeyPress: function(val, e, field, options) {
      field.mask(SPMaskBehavior.apply({}, arguments), options);
    }
};

$('#telefone').mask(SPMaskBehavior, spOptions);

此处the mask link

1 个答案:

答案 0 :(得分:0)

如果输入的第一个数字是零...

使用简单的if条件很容易检查 您只需要检查值的第二个字符,首先是(

如果它为零,则将其删除...并且,选项无需通知用户。

// telefone com 9 digitos           
var SPMaskBehavior = function (val) {
  return val.replace(/\D/g, '').length === 11 ? '(00) 00000-0000' : '(00) 0000-00009';
},
    spOptions = {
      onKeyPress: function(val, e, field, options) {
        if(field.val()=="(0"){
          console.log("NO! No zero to begin.");
          field.val(field.val().substr(0,1)); // Removes the 0
        }
        field.mask(SPMaskBehavior.apply({}, arguments), options);
      }
    };

$('#telefone').mask(SPMaskBehavior, spOptions);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.11/jquery.mask.min.js"></script>

<input id="telefone">