支持+86的手机和电话号码验证正则表达式

快乐打工仔 分类:实例代码

支持+86的手机和电话号码验证正则表达式属于前端实例代码,有关更多实例代码大家可以查看

86就中国的国字区号是,在实际应用中可能有些电话或者手机号码前面需要添加+86,下面就介绍一下能够验证带有+86这种格式手机或者电话号码的正则表达式,代码实例如下: 

<!DOCTYPE html>  
<html>  
<head>  
<meta charset=" utf-8">  
<meta name="author" content="http://www.pipipi.net/" />  
<title>犀牛前端部落</title> 
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
var Validate = {
  isTel: function (s) {
    var patrn = /^((\+?86)|(\(\+86\)))?\d{3,4}-\d{7,8}(-\d{3,4})?$/
    if (!patrn.exec(s)) return false
    return true
  },
  isMobile: function (value) {
    var validateReg = /^((\+?86)|(\(\+86\)))?1\d{10}$/;
    return validateReg.test(value);
  },
  cellPhone: function () {
    var cellPhoneNumber = $("#txtCellPhone").val();
    if (!Validate.isMobile(cellPhoneNumber)) {
      alert("手机号码格式不正确");
      return false;
    } 
    else {
      alert("您的手机号码格式是正确的");
    }
  },
  telePhone: function () {
    var telePhoneNumber = $("#txttelePhone").val();
    if (!Validate.isTel(telePhoneNumber)) {
      alert("电话号码格式不正确");
      return false;
    } 
    else {
      alert("您的电话号码格式是正确的");
    }
  }
}
$(document).ready(function(){
  $("#telbt").click(function(){Validate.cellPhone();})
  $("#mobilebt").click(function(){Validate.telePhone();})
})
</script>
</head>
<body>
<div>
手机号码(支持+86):
<input type="text" id="txtCellPhone" />
<input  type="button" id="telbt" value="验证"/><br />
电话号码(支持+86):
<input type="text" id="txttelePhone" />
<input  type="button" id="mobilebt" value="验证"/><br />
</div>
</body>
</html>

支持+86的手机和电话号码验证正则表达式,这样的场景在实际项目中还是用的比较多的,关于支持+86的手机和电话号码验证正则表达式就介绍到这了。

回复

我来回复
  • 暂无回复内容