Question

我正在使用jquery脚本屏蔽输入字段。这是一个电话号码。 https://igorescobar.github.io/jQuery-Mask-Plugin/docs.html

我想这样屏蔽输入字段： +32 123 45 67 89

但是在比利时，人们习惯于填写电话号码，例如：0123 45 67 89。目的是立即截断前导零...

  $('.phone').mask('+32000 00 00 00', {placeholder: "Phone number"});
});

Answer 1

我的第一个方法就是这样。退出空格，然后退出前导零（如果存在）。


function truncateLeadingZero(phoneNumber) {
    var noWhiteSpaces = phoneNumber.split(' ').join('');
    while (noWhiteSpaces.length > 9 && noWhiteSpaces[0] === '0') {
        noWhiteSpaces = noWhiteSpaces.substring(1,noWhiteSpaces.length);
    }

    return noWhiteSpaces;
}


var phoneNumber = '0123 45 67 89';
phoneNumber = truncateLeadingZero(phoneNumber)
console.log(phoneNumber);

我认为，使用您在问题中发布的内容，如果使用我的输出，该电话号码将被屏蔽。它期望的是一个带有9个数字的字符串（每个掩码为零）。

$('.phone').mask('+32000 00 00 00', {placeholder: "Phone number"});

Answer 2

使用translation选项

$('.phone').mask('+32Z00 00 00 00', {
  placeholder: "Phone number",
  translation: {
    'Z': { pattern: /[1-9]/ }
  },
  onInvalid: function(val, e, f, invalid, options) {
    if(val === '+32') {
      event.target.value = '';
    }
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.16/jquery.mask.min.js" integrity="sha256-Kg2zTcFO9LXOc7IwcBx1YeUBJmekycsnTsq2RuFHSZU=" crossorigin="anonymous"></script>

<input class="phone" />

立即截断前导零

2 个答案: