js验证输入是否为手机号码或电话号码

最新推荐文章于 2024-12-25 10:18:56 发布

转载最新推荐文章于 2024-12-25 10:18:56 发布 · 1.6k 阅读

标签

#电话 #手机 #function #button #action

HTML/JS/CSS/DIV 专栏收录该内容

30 篇文章

订阅专栏

本文介绍了一种使用JavaScript进行电话号码及手机号码验证的方法。通过自定义字符串处理函数Trim去除空格，并利用正则表达式判断输入是否符合标准的电话号码或手机号码格式。此方法能够帮助开发者确保用户输入的数据准确性。

代码如下:

<script type="text/javascript">
String.prototype.Trim = function() {
  var m = this.match(/^/s*(/S+(/s+/S+)*)/s*$/);
  return (m == null) ? "" : m[1];
}

String.prototype.isMobile = function() {
  return (/^(?:13/d|15[89])-?/d{5}(/d{3}|/*{3})$/.test(this.Trim()));
}

String.prototype.isTel = function()
{
    //"兼容格式: 国家代码(2到3位)-区号(2到3位)-电话号码(7到8位)-分机号(3位)"
    //return (/^(([0/+]/d{2,3}-)?(0/d{2,3})-)?(/d{7,8})(-(/d{3,}))?$/.test(this.Trim()));
    return (/^(([0/+]/d{2,3}-)?(0/d{2,3})-)(/d{7,8})(-(/d{3,}))?$/.test(this.Trim()));
}

function chkForm() {
    with(document.form1){
        if (tel.value.isMobile()||tel.value.isTel())  {
            tel.value = tel.value.Trim();
            alert("您的电话/手机号码是:" + tel.value);
            return true;
        }
        else {
            alert("请输入正确的手机号码或电话号码/n/n例如:13916752109或0712-3614072");
            tel.focus();
            return false;
        }
    }
}
</script>
<form name="form1" method="post" action="" >
    <input type="text" name="tel" value="13916752109" size="15" />
    <input type="button" value="测试"  onclick="return chkForm()"/>
</form>