Javascript 电话验证功能在 IE8 中不起作用

Question

我有 javascript 代码可以验证完成订单的电话号码。

function validatePhoneNumber(phone) {
    var trimPhone = phone.replace(new RegExp(" ","g"),'');  
    var phoneNumber = trimPhone.split(/\d/).length  - 1 ;           
    return phoneNumber >= 10 && phoneNumber <= 16 && phoneNumber === trimPhone.length ;
}

这是结帐按钮的代码

if(!validatePhoneNumber($('#phone').val())){
    $('#phone').css("color", "#ff0000");
    $('#invalidNumberFormat').show();
    submit = false;
}
else{
    $('#invalidNumberFormat').hide();
}

该代码在 Firefox 和 Chrome 中运行良好，但在 IE8 中它总是返回错误消息，指出字符串不在 10 到 16 个字符之间。

可能是什么原因？

Answer 1

您的代码：trimPhone.split(/\d/).length - 1

坦率地说，这是一种非常可怕的方法来找出一个字符串中有多少个数字字符！还有许多其他方法会比这更好。

但是，更具体地说，这里的问题是您遇到了 IE8 的正则表达式引擎中的错误。

这是一个众所周知的错误：当您使用.split()，并且结果包含连续匹配且它们之间没有任何内容时，IE8 及更早版本将丢弃结果数组中的空元素。

它更常见于尝试解析具有空值的 CSV 内容 - 例如，split(',','x,y,,z') 将在 IE8 中为您提供包含三个元素（x、y 和 z）的结果，而其他浏览器会还给你y和z之间的空元素。

对于 CSV 解析，有时可能很难解决问题，但您的情况要容易得多，因为您确实不需要使用这种方法。

所以这里这种情况的解决方法是不要用这种方法来数位数。

我建议您可以尝试以下替代方法：

var phoneNumber = trimPhone.replace(/[^\d]/g,'').length;