1.0.4 • Published 4 years ago
reg-verify-fast v1.0.4
reg-verify-fast
整合了一些常用的验证
- isEmail 是否是正确的邮箱
- isNumber 是否是数字
- isIp 是否是正确的IP
- isFax 是否是正确的传真
- isPhone 是否是正确的手机号码(11位)
- isUrl 是否是正确的url地址
- isVehicleNumber 是否是正确的车牌号
- isInt 是否是整数
- isFloat 是否是浮点数
- isEnglish 是否英文
- isChinese 是否中文
- isMoney 是否是正确的金额数字
- isEmpty 是否为空
- isIDcard 是否是正确的身份证
- isPercent 是否是正确的百分数
- isSpace 是否包含空格
Installation
npm i reg-verify-fast
Usage
.vue
import REG from 'reg-verify-fast'
/* 两种使用方法:
1.REG.isVehicleNumber('川A12345') 的返回值是验证的结果 false 或 true
2.REG.isVehicleNumber('川A12345', function (result) {
console.log(result) // result 是验证的结果 false 或 true ,ps:获取vue的实例请用箭头函数
})
*/
.vue文件中 (extend) 扩展和使用
import REG from 'reg-verify-fast'
//先扩展
REG.extend('isContainA', function (s) {
return REG.type(s) === 'string' && s.includes('A')
})
//再使用
REG.isContainA('川A12345', function (result) {
console.log(result)//true
})
console.log(REG.isContainA('川A12345')) //true
console.log(REG.isContainA('川12345')) //false
在vue项目中全局挂载使用
入口文件main.js
import Vue from 'vue'
import REG from 'reg-verify-fast.js'
Vue.prototype.REG = REG
如果提供的验证 api 不够,推荐通过全局挂载使用
src 中assets下面新建一个verify-extend.js
import REG from 'reg-verify-fast' //扩展一个验证输入内容是否为时间 REG.extend('isDate', function (s) { return REG.type(s) === 'date' }) //扩展一个验证输入内容是否包含A REG.extend('isContainA', function (s) { return REG.type(s) === 'string' && s.includes('A') }) export default REG
然后在入口文件main.js中全局挂载
import Vue from 'vue' import REG from './assets/verify-extend.js' Vue.prototype.REG = REG
使用
//两种使用方法: 1.this.REG.isVehicleNumber('川A12345') 的返回值是验证的结果 false 或 true 2.this.REG.isVehicleNumber('川A12345', function (result) { console.log(result) // result 是验证的结果 false 或 true ,ps:获取vue的实例请用箭头函数 })
关于扩展 extend
见上例
REG 是别名 在与自己项目的其他变量名不冲突的情况下可以自由定义别名,该实例下面有严格验证数据类型方法 type,使用时,直接调用REG.type( data ),返回数据的具体类型