JavaScript实现支持+86前缀的电话与手机号正则验证

作者:闭包旅人时间:2026-10-27 21:45:57浏览:415

本文提供了一段JavaScript代码,用于验证电话号码和手机号码。通过正则表达式实现了对中国区号+86前缀的支持,包括固定电话号码和手机号码的格式校验。代码包含完整的HTML结构和交互逻辑,可直接用于Web表单验证。

JavaScript电话与手机号验证代码实现

具体实现代码如下所示:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>正则表达式验证</title>
<script type="text/javascript" src="../Scripts/jquery-1.4.1.min.js"></script>
<script type="text/javascript">
var Validate = {
isTel: function (s) {\n var patrn = /^((\\+?86)|(\\(\\+86\\)))?\\d{3,4}-\\d{7,8}(-\\d{3,4})?$/\n if (!patrn.exec(s)) return false\n return true\n },
isMobile: function (value) {\n var validateReg = /^((\\+?86)|(\\(\\+86\\)))?1\\d{10}$/;\n return validateReg.test(value);\n },
cellPhone: function () {\n var cellPhoneNumber = $("#txtCellPhone").val();\n if (!Validate.isMobile(cellPhoneNumber)) {\n alert("手机号码格式不正确");\n return false;\n } else {\n alert("您的手机号码格式是正确的");\n }\n },
telePhone: function () {\n var telePhoneNumber = $("#txttelePhone").val();\n if (!Validate.isTel(telePhoneNumber)) {\n alert("电话号码格式不正确");\n return false;\n } else {\n alert("您的电话号码格式是正确的");\n }\n }\n }\n </script>\n</head>\n<body>\n<div>\n <label>请输入手机号码(支持+86):</label><input type="text" id="txtCellPhone" /><input type="button" value="验证" onclick="Validate.cellPhone();"/><br />\n <label>请输入电话号码(支持+86):</label><input type="text" id="txttelePhone" /><input type="button" value="验证" onclick="Validate.telePhone();"/><br />\n</div>\n</body>\n</html>
作者最新文章