常规校验
validate.js
/*是否合法IP地址*/
export const validateIP = (rule, value, callback) => {
if (value === '' || value === undefined || value === null) {
callback()
} else {
const reg =
/^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/
if (!reg.test(value) && value !== '') {
callback(new Error('请输入正确的IP地址'))
} else {
callback()
}
}
}
/* 是否手机号码或者固话*/
export const validatePhoneTwo = (rule, value, callback) => {
const reg = /^((0\d{2,3}-?\d{7,9})|(\d{11}))$/
if (value === '' || value === undefined || value === null) {
callback()
} else {
if (!reg.test(value) && value !== '') {
callback(new Error('请输入正确的电话号码或者固话号码'))
} else {
callback()
}
}
}
/* 是否固话*/
export const validateTelphone = (rule, value, callback) => {
const reg = /0\d{2}-\d{7,8}/
if (value === '' || value === undefined || value === null) {
callback()
} else if (!reg.test(value) && value !== '') {
callback(new Error('请输入正确的固话(格式:区号+号码,如010-1234567)'))
} else {
callback()
}
}
/* 是否手机号码*/
export const validatePhone = (rule, value, callback) => {
const reg = /^[1][3,4,5,7,8,9][0-9]{9}$/
if (value === '' || value === undefined || value === null) {
callback()
} else if (!reg.test(value) && value !== '') {
callback(new Error('请输入正确的手机格式'))
} else {
callback()
}
}
/* 是否身份证号码*/
export const validateIdNo = (rule, value, callback) => {
const reg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/
if (value === '' || value === undefined || value === null) {
callback()
} else if (!reg.test(value) && value !== '') {
callback(new Error('请输入正确的身份证格式'))
} else {
callback()
}
}
/* 是否邮箱*/
export const validateEMail = (rule, value, callback) => {
const reg = /^([a-zA-Z0-9]+[-_\.]?)+@[a-zA-Z0-9]+\.[a-z]+$/
if (value === '' || value === undefined || value === null) {
callback()
} else if (!reg.test(value)) {
callback(new Error('请输入正确的邮箱地址'))
} else {
callback()
}
}
/* 合法uri*/
export const validateURL = (textval) => {
const urlregex =
/^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0-9]+)*(\/($|[a-zA-Z0-9.,?'\\+&%$#=~_-]+))*$/
return urlregex.test(textval)
}
/*验证内容是否英文数字以及下划线*/
export const isPassword = (rule, value, callback) => {
const reg = /^[_a-zA-Z0-9]+$/
if (value === '' || value === undefined || value === null) {
callback()
} else if (!reg.test(value)) {
callback(new Error('密码仅由英文字母,数字以及下划线组成'))
} else {
callback()
}
}
/*自动检验数值的范围*/
export const checkMax = (rule, value, maxValue, callback) => {
if (value === '' || value === undefined || value === null) {
callback()
} else if (!Number(value)) {
callback(new Error('请输入数字'))
} else if (value < 1 || value > maxValue) {
callback(new Error('请输入[1,' + maxValue + ']之间的数字'))
} else {
callback()
}
}
export const checkMin = (rule, value, minValue, callback) => {
if (value === '' || value === undefined || value === null) {
callback()
} else if (!Number(value)) {
callback(new Error('请输入数字'))
} else if (value < minValue) {
callback(new Error('请输入大于' + minValue + '的数字'))
} else {
callback()
}
}
//验证是否1-99之间
export const isOneToNinetyNine = (rule, value, callback) => {
if (!value) {
return callback(new Error('输入不可以为空'))
}
setTimeout(() => {
if (!Number(value)) {
callback(new Error('请输入正整数'))
} else {
const re = /^[1-9][0-9]{0,1}$/
const rsCheck = re.test(value)
if (!rsCheck) {
callback(new Error('请输入正整数,值为【1,99】'))
} else {
callback()
}
}
}, 0)
}
// 验证是否整数
export const isInteger = (rule, value, callback) => {
if (!value) {
return callback(new Error('输入不可以为空'))
}
setTimeout(() => {
if (!Number(value)) {
callback(new Error('请输入正整数'))
} else {
const re = /^[0-9]*[1-9][0-9]*$/
const rsCheck = re.test(value)
if (!rsCheck) {
callback(new Error('请输入正整数'))
} else {
callback()
}
}
}, 0)
}
// 验证是否整数,非必填
export function isIntegerNotMust(rule, value, callback) {
if (!value) {
callback()
}
setTimeout(() => {
if (!Number(value)) {
callback(new Error('请输入正整数'))
} else {
const re = /^[0-9]*[1-9][0-9]*$/
const rsCheck = re.test(value)
if (!rsCheck) {
callback(new Error('请输入正整数'))
} else {
callback()
}
}
}, 1000)
}
// 验证是否是[0-1]的小数
export const isDecimal = (rule, value, callback) => {
if (!value) {
return callback(new Error('输入不可以为空'))
}
setTimeout(() => {
if (!Number(value)) {
callback(new Error('请输入[0,1]之间的数字'))
} else {
if (value < 0 || value > 1) {
callback(new Error('请输入[0,1]之间的数字'))
} else {
callback()
}
}
}, 100)
}
/* 小写字母*/
export const validateLowerCase = (str) => {
const reg = /^[a-z]+$/
return reg.test(str)
}
/* 大写字母*/
export const validateUpperCase = (str) => {
const reg = /^[A-Z]+$/
return reg.test(str)
}
/* 大小写字母*/
export const validatAlphabets = (str) => {
const reg = /^[A-Za-z]+$/
return reg.test(str)
}
// 校验个人证件类型
/* eslint-disable indent */
export const validCredNum = (type, credNum) => {
let validFlag = true
let msg = '证件号码格式有误'
switch (type) {
case '10': {
// 身份证
validFlag =
/^[1-9]\d{5}((((19|[2-9][0-9])\d{2})(0?[13578]|1[02])(0?[1-9]|[12][0-9]|3[01]))|(((19|[2-9][0-9])\d{2})(0?[13456789]|1[012])(0?[1-9]|[12][0-9]|30))|(((19|[2-9][0-9])\d{2})0?2(0?[1-9]|1[0-9]|2[0-8]))|(((1[6-9]|[2-9][0-9])(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00))0?229))\d{3}[0-9Xx]$/.test(
credNum
)
msg = '身份证格式有误'
break
}
case '1': {
// 户口簿
validFlag = /^\d{9}$/.test(credNum)
msg = '户口簿格式有误'
break
}
case '2': {
// 护照
validFlag = /(^(14|15)\d{7})|(^[DEGPS]\d{7,8}$)/gi.test(credNum)
msg = '护照格式有误'
break
}
case '5': {
// 港澳居民来往内地通行证
validFlag = /^c([^io]|\d)\d{7}$/gi.test(credNum)
msg = '港澳居民来往内地通行证格式有误'
break
}
case '6': {
// 台湾同胞来往内地通行证
validFlag = /^\\d{8}|^[a-zA-Z0-9]{10}|^\\d{18}$/.test(credNum)
msg = '台湾同胞来往内地通行证格式有误'
break
}
case '8': {
// 外国人居留证
validFlag = /^[A-Z]{3}\d{6}(?:0[1-9]|1[021])(?:0[1-9]|[21]\d|3[10])\d{2}$/.test(credNum)
msg = '外国人居留证格式有误'
break
}
case '9': {
// 警官证
validFlag = /^[\u4E00-\u9FA5](字第)([0-9a-zA-Z]{4,8})(号?)$/.test(credNum)
msg = '警官证格式有误'
break
}
case 'A': {
// 香港身份证
validFlag =
/^8[123]0000(?:19|20)\d{2}(?:0[1-9]|1[0-2])(?:0[1-9]|[12]\d|3[01])\d{3}[\dX]$/.test(
credNum
)
msg = '香港身份证格式有误'
break
}
case 'B': {
// 澳门身份证
validFlag =
/^8[123]0000(?:19|20)\d{2}(?:0[1-9]|1[0-2])(?:0[1-9]|[12]\d|3[01])\d{3}[\dX]$/.test(
credNum
)
msg = '澳门身份证格式有误'
break
}
case 'C': {
// 台湾身份证
validFlag =
/^8[123]0000(?:19|20)\d{2}(?:0[1-9]|1[0-2])(?:0[1-9]|[12]\d|3[01])\d{3}[\dX]$/.test(
credNum
)
msg = '台湾身份证格式有误'
break
}
case 'X': {
// 其他证件
validFlag = true
break
}
case '20': {
// 军人身份证
validFlag = true
break
}
default: {
validFlag = true
}
}
return {
res: validFlag,
msg
}
}
下载
import { apis } from '@/api'
/**
* 注:后台返回的为流,需要定义 api 的时候声明 responseType: 'blob'
* 当前方法接收的应为 Blob 类型
* @param stream 请求响应回的 blob 对象
*/
export function downloadStream(streamBlob: Blob, fileName: string) {
const src = window.URL.createObjectURL(streamBlob)
let aDom: HTMLAnchorElement | null = document.createElement('a')
aDom.href = src
aDom.setAttribute('download', fileName)
aDom.click()
aDom = null
}
/**
* 根据 fileId 获取文件流,并转换成内存中的 url(以供下载、预览)
* @param fileId 资源 id
* @returns
*/
export async function getFileStreamUrl(fileId: string, type?: string) {
if (!fileId) return
let blob = await apis.common['getFileStream']({
fileId
})
// 指定 blob 的类型,常见于 pdf、image
if (type) {
blob = new Blob([blob], { type })
}
return window.URL.createObjectURL(blob)
}
应用示例: