前端JS必用工具【js-tool-big-box】，邮箱，手机，身份证号，ip地址等正则验证方法学习

这一小节，我们针对前端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 = '[e-mail]';const email2 = '232322qq.ff';const emailResult1 = matchBox.email(email1);const emailResult2 = matchBox.email(email2);console.log('emailResult1验证结果：', emailResult1); // trueconsole.log('emailResult2验证结果：', emailResult2); // false

使用方法总结：

方法名	返回值	入参
email	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	第一个参数必填，需要被验证的 邮政编码 字符串