1.1.4 • Published 4 years ago
validing v1.1.4
validing
验证规则集合,可直接用于vue-element-ui中的rules
- 作者邮箱:15524261@qq.com
- github项目地址:https://github.com/guqingming/validing
- 码云项目地址:https://gitee.com/mycssweb/validing
截图


安装
$ npm install validing如果不在element-ui中使用,可在js中直接使用函数验证
import validing, { isPhoneNumber, isNumber } from 'validing'
isPhoneNumber('18113727957')
// true
validing.isNumber('2.')
// false方法校验
| 事件名 | 说明 | 参数列表 | 回调数据 |
|---|---|---|---|
| isBooblean | 是否布尔值 | value 验证值 | Boolean |
| isString | 是否字符串 | value 验证值 | Boolean |
| isNumber | 是否数字 | value 验证值 | Boolean |
| isArray | 是否数组 | value 验证值 | Boolean |
| isDecimal | 验证小数位数 | value 验证值length 数量 默认值2 | Boolean |
| isHaveValue | 是否含有有效值 | value 验证值 | Boolean |
| isPhoneNumber | 是否手机号码 | value 验证值 | Boolean |
| isRangeNumber | 是否有效的数字区间 | value 验证值 | Boolean |
| isStartStr | 是否某个字符串开头 | value 验证值str 字符串 | Boolean |
| isEndStr | 是否某个字符串结尾 | value 验证值str 字符串 | Boolean |
| isEmail | 是否邮箱 | value 验证值 | Boolean |
| isPostcode | 是否邮编 | value 验证值 | Boolean |
| isIDCardNo | 是否身份证号码 | value 验证值type 类型 0 一代或二代 1 一代 2 二代(默认值) | Boolean |
| isQQ | 是否QQ号 | value 验证值 | Boolean |
| isWeixin | 是否微信号 | value 验证值 | Boolean |
| isCarNo | 是否车牌号码 | value 验证值 | Boolean |
| isChineseName | 是否中文姓名2-4个中文汉字 | value 验证值 | Boolean |
| isUserName | 是否用户名字母开头,允许3-16个字符,字母数字下划线 | value 验证值 | Boolean |
| isPassword | 是否密码 | value 验证值type 类型 1 弱(任意数字字母或符号的组合,不能使用特殊字符) 2 强(必须包含大小写字母和数字的组合,不能使用特殊字符,长度在6-18之间) | Boolean |
| isNo | 是否编码数字英文的组合 | value 验证值 | Boolean |
| isDate | 是否日期格式2020-09-04 12:00:00 或 2020-09-04 | value 验证值 | Boolean |
| isNoSpecialChart | 是否无特殊字符 | value 验证值 | Boolean |
| isIP | 是否IP地址 | value 验证值 | Boolean |
| isWebSite | 是否网址 | value 验证值 | Boolean |
| isHaveSpace | 是否首尾含有空格 | value 验证值 | Boolean |
el-form中rules使用方法,遵循element-ui中使用规格
import Vue from 'vue'
import validing from 'validing'
rules = {
tel: [
{ validator: validing.rules.validatePhone(
{
required: true
}
), trigger: 'blur' }
],
number: [
{ validator: validing.rules.validateNumber(
{
required: false,
range: '[-2,100)',
decimal: 2,
strict: false,
name: '金额'
}
), trigger: 'blur' }
],
space: [
{ validator: validing.rules.validateSpace(
{
required: false
}
), trigger: 'blur' }
],
website: [
{ validator: validing.rules.validateWebsite(
{
required: false,
protocols: ['http']
}
), trigger: 'blur' }
]
}Rules参数说明
| 方法 | 方法释义 | 配置参数 | 参数释义 | 可选值 | 默认值 |
|---|---|---|---|---|---|
| validatePhone | 验证电话号码 | required | 是否必填 | Boolean | false |
| type | 电话号码类型 | Number 0 手机号码or座机号码 1 手机号码 2 座机号码 | 0 | ||
| tip | 错误提示 | String | 按情景提示具体错误 | ||
| validateNumber | 验证数字 | required | 是否必填 | Boolean | false |
| range | 数字区间 | String 格式如0,- []代表包含此数字,()代表不包含此数字,-代表不限制 小数在前,大数在后 | 0,- | ||
| decimal | 小数的位数 | Number | 0 | ||
| strict | 小数是否严格模式 | Boolean 非严格模式时整数不做小数位数校验 | false | ||
| tip | 错误提示 | String | 按情景提示具体错误 | ||
| validateSpace | 验证首尾是否含有空格 | required | 是否必填 | Boolean | false |
| tip | 错误提示 | String | 按情景提示具体错误 | ||
| validateLength | 验证字符串长度 | required | 是否必填 | Boolean | false |
| range | 长度区间 | String 格式如0,- []代表包含此数字,()代表不包含此数字,-代表不限制 小数在前,大数在后 | 0,- | ||
| tip | 错误提示 | String | 按情景提示具体错误 | ||
| validateWebsite | 验证是否有效网址 | required | 是否必填 | Boolean | false |
| protocols | 允许的网站协议 | Array | 'http', 'https', 'ftp', 'sftp', 'mailto', 'tel' | ||
| tip | 错误提示 | String | 按情景提示具体错误 | ||
| validateMail | 验证邮箱 | required | 是否必填 | Boolean | false |
| maxLength | 字符的最大长度 | Number | 60 | ||
| tip | 错误提示 | String | 按情景提示具体错误 | ||
| validatePostcode | 验证邮编 | required | 是否必填 | Boolean | false |
| tip | 错误提示 | String | 按情景提示具体错误 | ||
| validateIDCardNo | 验证身份证号码 | required | 是否必填 | Boolean | false |
| type | 身份证号码类型 | Number 0 一代或二代 1 一代 2 二代 | 0 | ||
| tip | 错误提示 | String | 按情景提示具体错误 | ||
| validateQQ | 验证QQ号 | required | 是否必填 | Boolean | false |
| tip | 错误提示 | String | 按情景提示具体错误 | ||
| validateWeixin | 验证微信号 | required | 是否必填 | Boolean | false |
| tip | 错误提示 | String | 按情景提示具体错误 | ||
| validateCarNo | 验证车牌号码 | required | 是否必填 | Boolean | false |
| tip | 错误提示 | String | 按情景提示具体错误 | ||
| validateChineseName | 验证中文姓名2-4个中文汉字 | required | 是否必填 | Boolean | false |
| tip | 错误提示 | String | 按情景提示具体错误 | ||
| validateUserName | 验证用户名字母开头,允许3-16个字符,字母数字下划线 | required | 是否必填 | Boolean | false |
| tip | 错误提示 | String | 按情景提示具体错误 | ||
| validatePassword | 验证密码 | required | 是否必填 | Boolean | false |
| type | 密码强度 | Number 1 弱(任意数字字母或符号的组合,不能使用特殊字符) 2 强(必须包含大小写字母和数字的组合,不能使用特殊字符,长度在6-18之间) | 1 | ||
| tip | 错误提示 | String | 按情景提示具体错误 | ||
| validateNo | 验证编码数字和英文的组合 | required | 是否必填 | Boolean | false |
| tip | 错误提示 | String | 按情景提示具体错误 | ||
| validateDate | 验证日期2020-09-04 12:00:00 或 2020-09-04 | required | 是否必填 | Boolean | false |
| tip | 错误提示 | String | 按情景提示具体错误 | ||
| validateNoSpecialChart | 验证无特殊字符 | required | 是否必填 | Boolean | false |
| tip | 错误提示 | String | 按情景提示具体错误 | ||
| validateIP | 验证IP地址 | required | 是否必填 | Boolean | false |
| tip | 错误提示 | String | 按情景提示具体错误 |