银行卡*格式化
//银行卡格式化
function bankCard(value) {
value+=''
let v = value.replace(/(\d{4})(?=\d)/g, "$1 "), result;
const index = v.lastIndexOf(' ');
result = v.substring(0, index).replace(/\d/g, '*') + v.substring(index, v.length);
return result;
}
bankCard(12312312321) // "**** **** 321"
Date操作
//获取某一年中某一个月多少天
function getDaysInMonth (year, month) {
<!--let ds = [2018, 02]-->
const days = new Date(new Date(year + '/' + (month-0+1) + '/01').getTime() - 24 * 60 * 60 * 1000).getDate()
return days
}
getDaysInMonth(2018,2) // 28
//获取时间类型
const startTime = new Date(2018, 02, 11) //Sun Mar 11 2018 00:00:00 GMT+0800 (中国标准时间)
数字操作
/**
* 数字格式化
* @param {number|sting} number 需格式化数据
* @param {number} fixed 小数位
* @param {boolean} thousand 千分符
* @param {boolean} abs 绝对值
*/
function formatNumber (number, fixed = 0, thousand = false, abs = false) {
let reg = /\B(?=(\d{3})+(?!\d))/g
let num = 0
// 处理后端返回带千分符情况
if (isNaN(number)) {
num = Number(String(number).replace(/,/g, ''))
if (isNaN(num)) return NaN
} else num = Number(number)
if (abs) num = Math.abs(num)
num = num.toFixed(fixed)
if (thousand) num = num.replace(reg, ',')
return num
}
formatNumber(123321.432432, 2 , true) // "123,321.43"
特殊的toString()
var a = 0.000001; a.toString(); //'0.000001'
var b = 0.0000001; b.toString(); // '1e-7'
parseInt(a) // 0
parseInt(b) // 1
// 解决方案来了
function newParseInt(value) {
if(typeof value === 'number') {
return Math.floor(value);
}
return parseInt(value);
}
常用的各种校验
const verifications = {
Reg: {
HTTP_URL: /^((https|http)?:\/\/)/, // 校验http url
MOBILE: /^((\+86)|(86))?(1[3|4|5|7|8][0-9]\d{8})$/, // 手机号码
CAR: /^[\u4e00-\u9fa5]{1}[a-zA-Z]{1}[a-zA-Z0-9]{5}$/, // 车牌号
MAIL: /^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/, // 邮箱
TEL: /^(([0\+]\d{2,3}-)?(0\d{2,3})-)?(\d{7,8})(-(\d{3,}))?$/, // 固话
DECIMAL: /^[0-9]+(\.[0-9]+)?$/, // 正数带小数
INTEGER: /^[0-9]*$/, // 正整数
NEGATIVE: /^-[0-9]*$/, // 负整数
NUMBER: /^-?[0-9]+(\.[0-9]+)?$/ // 所有数字
},
checkDecimal (value) { // 校验正数带小数
if (value) {
if (!this.Reg.DECIMAL.test(value)) {
return '数字格式有误'
} else { return 'success' }
} else {
return '不能为空'
}
},
checkInteger (value) { // 校验正整数
if (value) {
if (!this.Reg.INTEGER.test(value)) {
return '数字格式有误'
} else { return 'success' }
} else {
return '不能为空'
}
},
checkNegative (value) { // 校验负整数
if (value) {
if (!this.Reg.NEGATIVE.test(value)) {
return '数字格式有误'
} else { return 'success' }
} else {
return '不能为空'
}
},
checkNumber (value) { // 校验数字
if (value) {
if (!this.Reg.NUMBER.test(value)) {
return '数字格式有误'
} else { return 'success' }
} else {
return '不能为空'
}
},
checkHttp (value) { // 校验HTTP_URL
if (value) {
if (!this.Reg.HTTP_URL.test(value)) {
return 'HTTP_URL格式有误'
} else { return 'success' }
} else {
return '不能为空'
}
},
checkMobile (value) { // 校验手机号
if (value) {
if (!this.Reg.MOBILE.test(value)) {
return '手机号码格式有误'
} else { return 'success' }
} else {
return '不能为空'
}
},
checkTel (value) { // 校验固话
if (value) {
if (!this.Reg.TEL.test(value)) {
return '电话号码格式有误'
} else { return 'success' }
} else {
return '不能为空'
}
},
checkMail (value) { // 校验邮箱
if (value) {
if (!this.Reg.MAIL.test(value)) {
return '邮箱格式有误'
} else { return 'success' }
} else {
return '不能为空'
}
},
checkCar (value) { // 校验车牌号
if (value) {
if (!this.Reg.CAR.test(value)) {
return '车牌号格式有误'
} else { return 'success' }
} else {
return '不能为空'
}
},
checkID: function (e) { // 校验身份证
let Errors = ['success',
'身份证号码位数不正确',
'身份证号码校验错误']
e = e.toUpperCase()
if (!/(^\d{15}$)|(^\d{17}(\d|X)$)/.test(e)) {
return Errors[1]
}
let t, n
t = e.length
if (t === 15) {
n = new RegExp(/^(\d{6})(\d{2})(\d{2})(\d{2})(\d{3})$/)
let r = e.match(n)
let i = new Date('19' + r[2] + '/' + r[3] + '/' + r[4])
let s = i.getYear() === Number(r[2]) && i.getMonth() + 1 === Number(r[3]) && i.getDate() === Number(r[4])
if (!s) {
return Errors[2]
} else {
return Errors[0]
}
}
if (t === 18) {
n = new RegExp(/^(\d{6})(\d{4})(\d{2})(\d{2})(\d{3})(\d|X)$/)
let r = e.match(n)
let i = new Date(r[2] + '/' + r[3] + '/' + r[4])
let s = i.getFullYear() === Number(r[2]) && i.getMonth() + 1 === Number(r[3]) && i.getDate() === Number(r[4])
if (!s) {
return Errors[2]
} else {
let o
let u = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2]
let a = ['1', '0', 'X', '9', '8', '7', '6', '5', '4', '3', '2']
let f = 0
let l
for (l = 0; l < 17; l++) {
f += e.substr(l, 1) * u[l]
}
o = a[f % 11]
if (o !== e.substr(17, 1)) {
return Errors[2]
}
return Errors[0]
}
}
return Errors[2]
},
checkBank: function (bankno) { // 银行卡格式校验
let Errors = [
'success',
'银行卡号长度必须在16到19之间',
'银行卡号必须全为数字',
'银行卡号开头不符合规范',
'银行卡号校验失败'
]
if (bankno.length < 16 || bankno.length > 19) {
return Errors[1]
}
// 开头6位
let strBin = '10,18,19,30,35,37,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,58,60,62,65,68,69,84,87,88,94,95,98,99' // 加了一个19
if (strBin.indexOf(bankno.substring(0, 2)) === -1) {
return Errors[3]
}
let lastNum = bankno.substr(bankno.length - 1, 1) // 取出最后一位（与luhm进行比较）
let first15Num = bankno.substr(0, bankno.length - 1) // 前15或18位
let newArr = []
for (let i = first15Num.length - 1; i > -1; i--) { // 前15或18位倒序存进数组
newArr.push(first15Num.substr(i, 1))
}
let arrJiShu = [] // 奇数位*2的积 <9
let arrJiShu2 = [] // 奇数位*2的积 >9
let arrOuShu = [] // 偶数位数组
for (let j = 0; j < newArr.length; j++) {
if ((j + 1) % 2 === 1) { // 奇数位
if (parseInt(newArr[j]) * 2 < 9) { arrJiShu.push(parseInt(newArr[j]) * 2) } else { arrJiShu2.push(parseInt(newArr[j]) * 2) }
} else { // 偶数位
arrOuShu.push(newArr[j])
}
}
let jishuChild1 = [] // 奇数位*2 >9 的分割之后的数组个位数
let jishuChild2 = [] // 奇数位*2 >9 的分割之后的数组十位数
for (let h = 0; h < arrJiShu2.length; h++) {
jishuChild1.push(parseInt(arrJiShu2[h]) % 10)
jishuChild2.push(parseInt(arrJiShu2[h]) / 10)
}
let sumJiShu = 0 // 奇数位*2 < 9 的数组之和
let sumOuShu = 0 // 偶数位数组之和
let sumJiShuChild1 = 0 // 奇数位*2 >9 的分割之后的数组个位数之和
let sumJiShuChild2 = 0 // 奇数位*2 >9 的分割之后的数组十位数之和
let sumTotal = 0
for (let m = 0; m < arrJiShu.length; m++) {
sumJiShu = sumJiShu + parseInt(arrJiShu[m])
}
for (let n = 0; n < arrOuShu.length; n++) {
sumOuShu = sumOuShu + parseInt(arrOuShu[n])
}
for (let p = 0; p < jishuChild1.length; p++) {
sumJiShuChild1 = sumJiShuChild1 + parseInt(jishuChild1[p])
sumJiShuChild2 = sumJiShuChild2 + parseInt(jishuChild2[p])
}
// 计算总和
sumTotal = parseInt(sumJiShu) + parseInt(sumOuShu) + parseInt(sumJiShuChild1) + parseInt(sumJiShuChild2)
// 计算Luhm值
let k = parseInt(sumTotal) % 10 === 0 ? 10 : parseInt(sumTotal) % 10
let luhm = 10 - k
if (String(lastNum) === String(luhm)) {
return Errors[0]
} else {
return Errors[4]
}
}
}
图片压缩
/**
* 图片压缩
* @param {DOMObject|string} img dom对象、图片链接、base64
* @param {number} percent 压缩比例 0-1
* @returns {promise|string}
*/
function imageCompress (image, percent) {
if (typeof(image) === 'string') {
return new Promise((resolve, reject) => {
let $img = document.createElement('img')
$img.src = image
$img.onload = () => resolve(compress($img, percent))
$img.onerror = (err) => reject(err)
})
} else {
return compress(image, percent)
}
}
/**
* 图片压缩
* @param {DOMObject} img dom对象
* @param {number} percent 压缩比例 0-1
*/
function compress (image, percent) {
let canvas = document.createElement('canvas')
let context = canvas.getContext('2d')
let naturalHeight = image.naturalHeight
let naturalWidth = image.naturalWidth
// 设置 canvas 宽高
canvas.setAttribute('width', naturalWidth)
canvas.setAttribute('height', naturalHeight)
context.drawImage(image, 0, 0, naturalWidth, naturalHeight)
return canvas.toDataURL('image/jpeg', +percent.toFixed(4))
}
