张掖市建设规划局网站qq代刷网站推广
这一小节，我们针对前端npm包 js-tool-big-box 的使用做一些讲解，主要是针对项目中，邮箱，手机号，身份证号，ip地址，url格式，邮政编码等验证的方法使用。
目录
1 安装和引入
2 邮箱验证
3 手机号验证
4 url格式验证
5 身份证号码验证
6 IP地址验证
7 邮政编码验证
1 安装和引入
执行安装命令
npm i js-tool-big-box
项目中引入，工具包对外提供了 matchBox 对象，可以用来调用一些正则验证的方法。
import { matchBox } from 'js-tool-big-box';2 邮箱验证
邮箱验证的使用示例代码：
const email1 = '232322@qq.com';const email2 = '232322qq.ff';const emailResult1 = matchBox.email(email1);const emailResult2 = matchBox.email(email2);console.log('emailResult1验证结果：', emailResult1); // trueconsole.log('emailResult2验证结果：', emailResult2); // false使用方法总结：
| 方法名 | 返回值 | 入参 |
| | true或者false | 第一个参数必填，需要被验证的邮箱字符串 |
3 手机号验证
手机号验证的使用示例代码：
const phone1 = '13813313212';const phone2 = '2381331320';const phoneResult1 = matchBox.phone(phone1);const phoneResult2 = matchBox.phone(phone2);console.log('phoneResult1验证结果：', phoneResult1); // trueconsole.log('phoneResult2验证结果：', phoneResult2); // false使用方法总结：
| 方法名 | 返回值 | 入参 |
| phone | true或者false | 第一个参数必填，需要被验证的手机号字符串 |
4 url格式验证
我们日常使用的浏览器url格式验证实例代码：
const url1 = 'https://aa.test.com/user?q=3';const url2 = '//33.co m/ user';const urlResult1 = matchBox.url(url1);const urlResult2 = matchBox.url(url2);console.log('urlResult1验证结果：', urlResult1); // trueconsole.log('urlResult2验证结果：', urlResult2); // false使用方法总结：
| 方法名 | 返回值 | 入参 |
| url | true或者false | 第一个参数必填，需要被验证的 url 字符串 |
注意：这里只是格式验证，真实业务中，你仍然在某种场景下自己验证这个url是否是存活的。
5 身份证号码验证
身份证号码格式验证示例代码：
const idCard1 = '120333199007712322x';const idCard2 = '220333299007712322';const idCardResult1 = matchBox.idCard(idCard1);const idCardResult2 = matchBox.idCard(idCard2);console.log('idCardResult1验证结果：', idCardResult1); // falseconsole.log('idCardResult2验证结果：', idCardResult2); // true使用方法总结：
| 方法名 | 返回值 | 入参 |
| idCard | true或者false | 第一个参数必填，需要被验证的 身份证号码 字符串 |
6 IP地址验证
ip地址验证示例代码如下：
const ip1 = '192.168.1.111';const ip2 = '333.168.299.0';const ipResult1 = matchBox.ip(ip1);const ipResult2 = matchBox.ip(ip2);console.log('ipResult1验证结果：', ipResult1); // trueconsole.log('ipResult2验证结果：', ipResult2); // false使用方法总结：
| 方法名 | 返回值 | 入参 |
| ip | true或者false | 第一个参数必填，需要被验证的 ip地址 字符串 |
7 邮政编码验证
邮政编码的验证示例代码如下：
const postal1 = '075616';const postal2 = '956s6';const postalResult1 = matchBox.postal(postal1);const postalResult2 = matchBox.postal(postal2);console.log('postalResult1验证结果：', postalResult1); // trueconsole.log('postalResult2验证结果：', postalResult2); // false使用方法总结：
| 方法名 | 返回值 | 入参 |
| postal | true或者false | 第一个参数必填，需要被验证的 邮政编码 字符串 |