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

Question

我需要美国电话号码格式的常规快递.我想用JavaScript替换电话号码字符串到美国电话号码字符串格式.

var number = "4031234789";

我想以下面的格式掩盖它: -

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

任何人都可以在JavaScript中向我展示正则表达式吗？

Answer 1

这个答案假定您需要以下格式:( (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"/>

Answer 2

您可以使用正则表达式，然后串联以形成您的字符串。

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

Answer 3

为此，请使用电话号码屏蔽插件。

检查以下插件：

• http://wiki.jqueryui.com/w/page/12137996/Mask

• http://igorescobar.github.io/jQuery-Mask-Plugin/

• http://digitalbush.com/projects/masked-input-plugin/