赞
踩
这一小节,我们针对前端npm包 js-tool-big-box 的使用做一些讲解,主要是针对项目中,邮箱,手机号,身份证号,ip地址,url格式,邮政编码等验证的方法使用。
目录
执行安装命令
npm i js-tool-big-box
项目中引入,工具包对外提供了 matchBox 对象,可以用来调用一些正则验证的方法。
import { matchBox } from 'js-tool-big-box';
邮箱验证的使用示例代码:
- const email1 = '232322@qq.com';
- const email2 = '232322qq.ff';
- const emailResult1 = matchBox.email(email1);
- const emailResult2 = matchBox.email(email2);
- console.log('emailResult1验证结果:', emailResult1); // true
- console.log('emailResult2验证结果:', emailResult2); // false
使用方法总结:
方法名 | 返回值 | 入参 |
| true或者false | 第一个参数必填,需要被验证的邮箱字符串 |
手机号验证的使用示例代码:
- const phone1 = '13813313212';
- const phone2 = '2381331320';
- const phoneResult1 = matchBox.phone(phone1);
- const phoneResult2 = matchBox.phone(phone2);
- console.log('phoneResult1验证结果:', phoneResult1); // true
- console.log('phoneResult2验证结果:', phoneResult2); // false
使用方法总结:
方法名 | 返回值 | 入参 |
phone | true或者false | 第一个参数必填,需要被验证的手机号字符串 |
我们日常使用的浏览器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); // true
- console.log('urlResult2验证结果:', urlResult2); // false
使用方法总结:
方法名 | 返回值 | 入参 |
url | true或者false | 第一个参数必填,需要被验证的 url 字符串 |
注意:这里只是格式验证,真实业务中,你仍然在某种场景下自己验证这个url是否是存活的。
身份证号码格式验证示例代码:
- const idCard1 = '120333199007712322x';
- const idCard2 = '220333299007712322';
- const idCardResult1 = matchBox.idCard(idCard1);
- const idCardResult2 = matchBox.idCard(idCard2);
- console.log('idCardResult1验证结果:', idCardResult1); // false
- console.log('idCardResult2验证结果:', idCardResult2); // true
使用方法总结:
方法名 | 返回值 | 入参 |
idCard | true或者false | 第一个参数必填,需要被验证的 身份证号码 字符串 |
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); // true
- console.log('ipResult2验证结果:', ipResult2); // false
使用方法总结:
方法名 | 返回值 | 入参 |
ip | true或者false | 第一个参数必填,需要被验证的 ip地址 字符串 |
邮政编码的验证示例代码如下:
- const postal1 = '075616';
- const postal2 = '956s6';
- const postalResult1 = matchBox.postal(postal1);
- const postalResult2 = matchBox.postal(postal2);
- console.log('postalResult1验证结果:', postalResult1); // true
- console.log('postalResult2验证结果:', postalResult2); // false
使用方法总结:
方法名 | 返回值 | 入参 |
postal | true或者false | 第一个参数必填,需要被验证的 邮政编码 字符串 |
------------------------------------------
这是git仓库地址:js-tool-big-box仓库地址
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。