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

作者:闭包旅人

时间:2026-10-27

浏览:414

本文提供了一段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>

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章