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

Question

我需要美国电话号码格式的常规表达。我想在 JavaScript 中将电话号码字符串替换为以下美国电话号码字符串格式。

var number = "4031234789";

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

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

谁能告诉我 JavaScript 中的正则表达式吗？

Answer 1

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

^{有多种方法可以实现此目的，但这里有几种不同的方法:}

<小时/>

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

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 事件，然后根据正则表达式匹配有条件地屏蔽数字: p>

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"/>