NANP 电话号码的 jQuery 验证

Question

我正在尝试验证我的表格。我的表单中有一个电话号码字段。用户插入电话号码，然后进行验证和格式化。我在 StackOverflow 上阅读了很多其他类似的问题，并通过其他地方的搜索，但我被困住了。表格一直提示我插入的有效号码无效。

我只关心 NANP 数字，我知道 NANP 数字的格式如下：NXX-NXX-XXXX，其中 N 只能是数字 [2-9]，X 可以是 [0-9]。我不需要国家代码。

这是我的代码：

function validatePhone(){
    var error = 1;

    var hasError = false;
    var $this = $(this);
    var regex1 = /^(\()?[2-9]{1}\d{2}(\))?(-|\s)?[2-9]{1}\d{2}(-|\s)\d{4}$/;

    phone = $(this).val();
    phone = phone.replace(/[^0-9]/g,'');        
    if(!regex1.test(phone)){
        hasError = true;
        $this.css('background-color','#FFEDEF');
    }   
    else{
        area = phone.substring(0,3);
        prefix = phone.substring(3,6);
        line = phone.substring(6);
        $this.val('(' + area + ') ' + prefix + '-' + line);
        $this.css('background-color','#FFFFFF');    
    }

这个想法是，无论我是否插入 8012559553、(801)2559553、(801)255-9553、801-255-9553 或类似的内容，它都会被验证和格式化，如下所示：(801) 255- 9553。但同样，由于某种原因，表单继续说我插入的任何数字都是无效的，无论它是否有效。这是我正在使用的代码，该代码可以工作，但不符合 NANP 格式：

function validatePhone(){
    var error = 1;

    var hasError = false;
    var $this = $(this);
    phone = $(this).val();
    phone = phone.replace(/[^0-9]/g,'');        
    if(phone.length != 10){
            hasError = true;
            $this.css('background-color','#FFEDEF');
    }   
    else{
            area = phone.substring(0,3);
            prefix = phone.substring(3,6);
            line = phone.substring(6);
            $this.val('(' + area + ') ' + prefix + '-' + line);
            $this.css('background-color','#FFFFFF');    
    }

因此，我在实现数字的正则表达式测试以确保数字是真实的并且数字格式正确时遇到问题。 ..有什么想法吗？

Answer 1

这是我的不是很严格但很好的正则表达式：

/^\D*([2-9]\d{2}\D*){2}(\d{2}\D*){2}\D*$/

它接受：

• (235)-546-42-09
• 452-845-12-12
• [933]-323-34-53
• 222-435-0903
• 222-4350903
• 2224350903
• ( 222 ) -- 785 -- 12 -- 76

它不接受：

• 111-342-45-45
• 234-111-50-78
• 222-222-222-2（您可以简单地修改 RegExp 来删除它）

Answer 2

您的代码的问题在于 regex1 正在查找 phone 字符串中的特殊字符。该代码失败，因为您要从 phone = phone.replace(/[^0-9]/g,'');phone 字符串中删除所有特殊字符>，因此当您针对 regex1 进行测试时，您正在寻找已删除的值。

无论如何，你的方法没问题。我经常发现使用两个简单的正则表达式比尝试将所有内容都放入一个包罗万象的正则表达式中更容易。一旦您将 regex1 修改为仅对不带特殊字符的 10 位数字进行 NANP 有效性检查，您的代码将正常工作。

function validatePhone(){
    var error = 1;

    var hasError = false;
    var $this = $(this);
    var regex1 = /^([2-9]{1}\d{2})([2-9]{1}\d{2})\d{4}$/;

    phone = $(this).val();
    phone = phone.replace(/[^0-9]/g,'');        
    if(!regex1.test(phone)){
        hasError = true;
        $this.css('background-color','#FFEDEF');
    }   
    else{
        area = phone.substring(0,3);
        prefix = phone.substring(3,6);
        line = phone.substring(6);
        $this.val('(' + area + ') ' + prefix + '-' + line);
        $this.css('background-color','#FFFFFF');    
    }