使用 JavaScript 屏蔽美国电话号码字符串

IT技术 javascript regex mask phone-number
2021-02-06 17:50:24

我需要美国电话号码格式的正则快递。我想在 JavaScript 中将电话号码字符串替换为以下美国电话号码字符串格式。

var number = "4031234789";

我想用以下格式屏蔽它:-

number = number.mask('(000) 000-0000');

谁能给我看看 JavaScript 中的正则表达式?

6个回答

此答案假定您需要以下格式:((000) 000-0000如 OP 所述)。

有多种不同的方法可以实现这一点,但这里有几种不同的方法:


如果您想简单地屏蔽blur事件上的数字(当字段丢失时focus),那么您可以使用以下内容:

document.getElementById('phone').addEventListener('blur', function (e) {
  var x = e.target.value.replace(/\D/g, '').match(/(\d{3})(\d{3})(\d{4})/);
  e.target.value = '(' + x[1] + ') ' + x[2] + '-' + x[3];
});
<p>Masked on the blur event (remove focus).</p>
<input type="text" id="phone" placeholder="(555) 555-5555"/>


或者,如果您想打字时屏蔽数字,您可以监听input事件,然后根据正则表达式有条件地屏蔽数字:

document.getElementById('phone').addEventListener('input', function (e) {
  var x = e.target.value.replace(/\D/g, '').match(/(\d{0,3})(\d{0,3})(\d{0,4})/);
  e.target.value = !x[2] ? x[1] : '(' + x[1] + ') ' + x[2] + (x[3] ? '-' + x[3] : '');
});
<input type="text" id="phone" placeholder="(555) 555-5555"/>

正是在寻找这种简单的功能。大多数都是臃肿的,效果不佳。哇!
2021-03-21 17:50:24
在 IE11 上的兼容模式下不起作用 :( 但当兼容模式关闭时效果很好
2021-03-21 17:50:24
这很好用!我能够轻松地对其进行调整以掩盖外国邮政编码。
2021-04-07 17:50:24

您可以使用正则表达式,然后连接以形成您的字符串。

var USNumber = "4031234789".match(/(\d{3})(\d{3})(\d{4})/);
USNumber = "(" + USNumber[1] + ") " + USNumber[2] + "-" + USNumber[3];
console.log(USNumber);

对于想在JS中发布乌兹别克斯坦数量的人

  document.getElementById('organization_phone').addEventListener('input', function (e) {
    var x = e.target.value.replace(/\D/g, '').match(/(\d{0,3})(\d{0,2})(\d{0,3})(\d{0,2})(\d{0,2})/);
    e.target.value = '+(' + x[1] + ') ' + x[2] + '-' + x[3] + '-' + x[4] + '-' + x[5];
  });
 <input type="text" id="organization_phone" name="organization_phone"  required placeholder="(+998) 99-000-00-00" value="+998">

      document.getElementById('organization_phone').addEventListener('input', function (e) {
        var x = e.target.value.replace(/\D/g, '').match(/(\d{0,3})(\d{0,3})(\d{0,4})/);
        e.target.value = '(' +x[1] + ') '+ x[2] + '-' + x[3]
      });
<input type="text" id="organization_phone" name="organization_phone"  required placeholder="(998) 000-0000">

你可以使用我的包https://github.com/jsonmaur/coverup,它可以屏蔽输入字符串 onblur 并维护字符串中的符号。