记录一些常用的js工具方法的封装

港控/mmm° 2023-03-01 10:23 27阅读 0赞

### 文章目录 ###

*  1.日期格式化
 *  2.登录md5加密
 *  3.正则验证手机号、姓名、邮箱、身份证
 *  4.身份证、姓名打码
 *  5.设置、获取、删除、清除sessionStorage / localStorage
 *  6.数字每3位加一个逗号
 *  7.车牌号校验

# 1.日期格式化 #

/* * 格式化日期函数 * 参数: * {1} -> date : 日期对象(Date) * {2} _> format: 格式 (yyyy-MM-dd hh:mm:ss) */
    let dateUtil = { };
     
    dateUtil.format = function(date, format) { 
        var o = { 
            "M+": date.getMonth() + 1,
            "d+": date.getDate(),
            "h+": date.getHours(),
            "m+": date.getMinutes(),
            "s+": date.getSeconds(),
            "q+": Math.floor((date.getMonth() + 3) / 3),
            "S": date.getMilliseconds()
        }
        if (/(y+)/.test(format)) { 
            format = format.replace(RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length));
        }
        for (var k in o) { 
            if (new RegExp("(" + k + ")").test(format)) { 
                format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length));
            }
        }
        return format;
    }
    
    export default dateUtil;

# 2.登录md5加密 #

import crypto from 'crypto';
    
    let Md5Util = { };
    
    Md5Util.getEncryption = function (text) { 
        const md5 = crypto.createHash('md5');
        md5.update(text);
        //md5算法
        let md5password = md5.digest('hex');
        return md5password;
    };
    
    export default Md5Util;

# 3.正则验证手机号、姓名、邮箱、身份证 #

# 4.身份证、姓名打码 #

// 身份证
    function idCardMask (idCard = '') { 
    	return idCard.substr(0, 1) + idCard.slice(1, -4).replace(/\d/g, '*') + idCard.substr(-4)
    }
    // 姓名
    function isNameMask(str) { 
        return str.substr(0,1) + new Array(str.length).join('*')
    },

# 5.设置、获取、删除、清除sessionStorage / localStorage #

function setSessionStorage(key, value) { 
        sessionStorage.setItem(key, value)
    }
    function getSessionStorage(key) { 
        return sessionStorage.getItem(key)
    }
    function delSessionStorage(key) { 
        sessionStorage.removeItem(key) 
    }
    function clearSessionStorage() { 
        sessionStorage.clear()
    }

# 6.数字每3位加一个逗号 #

# 7.车牌号校验 #

Vue.prototype._handlePlateNumInput = _handlePlateNumInput;
    let plateNoReg = /^(([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-Z](([0-9]{5}[DF])|([DF]([A-HJ-NP-Z0-9])[0-9]{4})))|([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-Z][A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳使领]))$/;
    function _handlePlateNumInput(data = null, fieldName = null, areaFieldName = null, isPaste = false, self = null, wildcard = '') { 
        let _this = self ? self : this;
        if (isPaste) { 
            setTimeout(() => { 
                _handlePlateNumInput(data, fieldName, areaFieldName, false, _this);
            }, 200);
            return;
        }
        let pData = data ? data : _this;
        let plateNum = (pData[fieldName] !== undefined && pData[fieldName] !== null) ? pData[fieldName].toUpperCase() : '';
        if (areaFieldName) { 
            // 判断是否为完整有效的车牌号
            if (plateNoReg.test(plateNum)) { 
                _this.$set(pData, areaFieldName, plateNum.substr(0, 1));
                _this.$set(pData, fieldName, plateNum.substring(1));
                // 防止拆分后二次处理
            } else if (!plateNoReg.test(pData[areaFieldName] + pData[fieldName])) { 
                plateNum = plateNum.replace(new RegExp('[^0-9a-zA-Z挂学警港澳使领' + wildcard + ']', 'ig'), '');
                _this.$set(pData, fieldName, plateNum);
            }
        } else { 
            let area = plateNum.substr(0, 1);
            let num = plateNum.substring(1);
            num = num.replace(new RegExp('[^0-9a-zA-Z挂学警港澳使领' + wildcard + ']', 'ig'), '');
            _this.$set(pData, fieldName, area + num);
        }
    }

<el-input v-model="formInline.province" placeholder="请输入省简称"></el-input>
    <el-input v-model="formInline.num" placeholder="请输入车牌号" @keyup.native="_handlePlateNumInput(formInline, 'num', 'province')" @blur.native="_handlePlateNumInput(formInline, 'num', 'province')" @change.native="_handlePlateNumInput(formInline, 'num', 'province')" @paste.native="_handlePlateNumInput(formInline, 'num', 'province', true)" ></el-input>
    
    
    <el-input v-model="formInline.PLATENO" placeholder="请输入完整车牌号" @keyup.native="_handlePlateNumInput(formInline, 'PLATENO')" @blur.native="_handlePlateNumInput(formInline, 'PLATENO')" @change.native="_handlePlateNumInput(formInline, 'PLATENO')" @paste.native="_handlePlateNumInput(formInline, 'PLATENO', null, true)" ></el-input>