JavaScript（简称JS）是目前广泛使用的一种网页脚本语言，它在网页中扮演着重要的角色，能够实现各种用户界面的动态交互效果。在本文中，我们将深入了解如何使用JS来验证电话号码和手机号码，尤其是当电话号码或手机号码前带有国家区号+86时，如何通过正则表达式进行匹配验证。
正则表达式（Regular Expression，简称Regex）是一种文本模式，包括普通字符（例如，每个字母或数字）和特殊字符（称为"元字符"）。它为字符串提供了一种灵活且强大的匹配模式，常用于查找、替换那些符合某个模式（规则）的文本。在验证电话号码和手机号码时，正则表达式能有效地帮助我们判断输入的格式是否正确。
在给出的代码示例中，首先创建了一个名为Validate的对象，该对象包含了四个方法，用于验证电话号码和手机号码。这些方法分别是：
- isTel：用于验证电话号码。它定义了一个正则表达式，该表达式能够匹配国内电话号码的基本模式。模式解释如下：
- `^` 表示匹配输入字符串的开始位置。
- `((\+?86)|(\(\+86\)))?` 允许输入字符串以+86或(+86)开头，这部分为国家区号的匹配，其中`?`表示这部分是可选的。
- `\d{3,4}` 匹配3到4位数字，这部分通常对应于电话号码的区号。
- `-` 是电话号码中分隔区号与本地号码的符号。
- `\d{7,8}` 匹配7到8位数字，这部分通常对应于电话号码的本地号码。
- `(-\d{3,4})?` 允许存在一个可选的3到4位数字，这通常对应于电话号码的扩展分机号。
- `$` 表示匹配输入字符串的结束位置。
- isMobile：用于验证手机号码。它定义了一个正则表达式，专门用来匹配以+86开头的11位手机号码。模式解释如下：
- `^` 表示匹配输入字符串的开始位置。
- `((\+?86)|(\(\+86\)))?` 与isTel方法中的相同，允许以+86开头。
- `1\d{10}` 匹配以1开头，后面紧跟10位数字的手机号码格式。
- `$` 表示匹配输入字符串的结束位置。
- cellPhone：此方法用于对手机号码输入进行实际的验证，调用isMobile方法进行匹配，如果不符合格式，则弹出提示信息。
- telePhone：此方法用于对电话号码输入进行实际的验证，调用isTel方法进行匹配，如果不符合格式，则弹出提示信息。
在HTML页面中，我们通过两个文本输入框分别获取用户输入的手机号码和电话号码，并通过点击按钮来触发验证过程。当用户输入手机号码或电话号码后，点击对应的“验证”按钮，将调用相应的验证函数，并通过弹窗形式给出验证结果。
本文提供的示例代码展示了如何在网页中实现电话号码和手机号码的验证功能，有助于开发者在实际项目中对用户输入进行校验，提高数据的有效性和准确性。在实际应用中，开发者可以根据具体需求调整正则表达式以适应不同的格式要求。
