Question

我正在编写一个脚本，在键入主题行时屏蔽任何电话/ 10位数字到###-###-####。 主题行的其他文字不是电话号码。

$("#subject").on('keyup', function phoneNumberC() {
        var phoneNumberRegex = /\d{10}/g;
        var questionText = document.getElementById('subject').value;
        var phoneNumberDetected = questionText.match(phoneNumberRegex);

            if (phoneNumberDetected != null){
                formattedPhone = questionText.replace(phoneNumberDetected, "###-###-####");
            }
});

它不起作用。我做错了什么？

Answer 1

以下是CodePen的链接： https://codepen.io/myleschuahiock/pen/qZOydm

这不起作用，因为您的questionText变量是一个超出主题值的字符串。您需要执行replace，然后将questionText的值分配给input，其ID为＃34;主题为＆＃34;。

这是工作代码：

 $("#subject").on('keyup', function phoneNumberC() {
    var phoneNumberRegex = /\d{10}/g;
    var questionText = document.getElementById('subject').value;
    var phoneNumberDetected = questionText.match(phoneNumberRegex);
    if (phoneNumberDetected != null) {
      phoneNumberDetected = String(phoneNumberDetected);
      var formattedPhone = "###-###-####";
      var formattedSubject = questionText.replace(phoneNumberDetected, formattedPhone);
      $("#subject").val(formattedSubject);
    }
  });

Answer 2

function formatUSPhoneNumber(number) {

    var x = 0, groups = [], len, num;


    /* Force string conversion */
    num = number+'';


    /* Remove non numeric characters */
    num = num.replace(/\D/g,'');


    if(num.length !== 10){
        throw new Error('The argument passed needs to contain 10 digits.')
        return;
    }

    len = num.length;

    num = num.split('').reverse();

    while( x < len/3){
       groups[x] = num.splice(-3,3).reverse().join('');
       x++;
    }

    if( groups.length > 3 ){
       groups[2] = groups[2].concat( groups.splice( 3 - groups.length, 1 ) );
    }   

    return groups.join('-');
}
console.log(formatUSPhoneNumber("0545555555"))

在textarea掩盖电话号码

2 个答案: