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