• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

validing: 验证规则集合,可直接用于vue-element-ui中的rules

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称:

validing

开源软件地址:

https://gitee.com/mycssweb/validing

开源软件介绍:

validing

验证规则集合,可直接用于vue-element-ui中的rules

截图

1

2

安装

$ npm install validing

如果不在element-ui中使用,可在js中直接使用函数验证

import validing, { isPhoneNumber, isNumber } from 'validing'isPhoneNumber('18113727957')// truevaliding.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是否必填Booleanfalse
type电话号码类型Number
0 手机号码or座机号码
1 手机号码
2 座机号码
0
tip错误提示String按情景提示具体错误
validateNumber验证数字required是否必填Booleanfalse
range数字区间String
格式如[0,-]
[]代表包含此数字,()代表不包含此数字,-代表不限制
小数在前,大数在后
[0,-]
decimal小数的位数Number0
strict小数是否严格模式Boolean
非严格模式时整数不做小数位数校验
false
tip错误提示String按情景提示具体错误
validateSpace验证首尾是否含有空格required是否必填Booleanfalse
tip错误提示String按情景提示具体错误
validateLength验证字符串长度required是否必填Booleanfalse
range长度区间String
格式如[0,-]
[]代表包含此数字,()代表不包含此数字,-代表不限制
小数在前,大数在后
[0,-]
tip错误提示String按情景提示具体错误
validateWebsite验证是否有效网址required是否必填Booleanfalse
protocols允许的网站协议Array['http', 'https', 'ftp', 'sftp', 'mailto', 'tel']
tip错误提示String按情景提示具体错误
validateMail验证邮箱required是否必填Booleanfalse
maxLength字符的最大长度Number60
tip错误提示String按情景提示具体错误
validatePostcode验证邮编required是否必填Booleanfalse
tip错误提示String按情景提示具体错误
validateIDCardNo验证身份证号码required是否必填Booleanfalse
type身份证号码类型Number
0 一代或二代
1 一代
2 二代
0
tip错误提示String按情景提示具体错误
validateQQ验证QQ号required是否必填Booleanfalse
tip错误提示String按情景提示具体错误
validateWeixin验证微信号required是否必填Booleanfalse
tip错误提示String按情景提示具体错误
validateCarNo验证车牌号码required是否必填Booleanfalse
tip错误提示String按情景提示具体错误
validateChineseName验证中文姓名
2-4个中文汉字
required是否必填Booleanfalse
tip错误提示String按情景提示具体错误
validateUserName验证用户名
字母开头,允许3-16个字符,字母数字下划线
required是否必填Booleanfalse
tip错误提示String按情景提示具体错误
validatePassword验证密码required是否必填Booleanfalse
type密码强度Number
1 弱(任意数字字母或符号的组合,不能使用特殊字符)
2 强(必须包含大小写字母和数字的组合,不能使用特殊字符,长度在6-18之间)
1
tip错误提示String按情景提示具体错误
validateNo验证编码
数字和英文的组合
required是否必填Booleanfalse
tip错误提示String按情景提示具体错误
validateDate验证日期
2020-09-04 12:00:00 或 2020-09-04
required是否必填Booleanfalse
tip错误提示String按情景提示具体错误
validateNoSpecialChart验证无特殊字符required是否必填Booleanfalse
tip错误提示String按情景提示具体错误
validateIP验证IP地址required是否必填Booleanfalse
tip错误提示String按情景提示具体错误

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap