使用正则表达式验证及处理相关需求

var app = new Vue({
	el: '#app',
	data: {
	},
	methods: {
		// 数字从字符分离，使用标签包裹
		setNumberSpanParcel(msg){
			return msg.replace(/(\d+)/g,'<span class="DIN">$1</span>')
		},
		// 例：
		// {{setNumberSpanParcel('111文字222文字')}}
		
		
		// 金额用逗号隔开（s:要处理的金额; n:小数点后保留位数）
		fmoney(s,n){
			n = n > 0 && n <= 20 ? n : 2;
			s = parseFloat((s + "").replace(/[^\d\.-]/g, "")).toFixed(n) + "";
			var l = s.split(".")[0].split("").reverse(), r = s.split(".")[1];
			t = "";
			for (i = 0; i < l.length; i++) {
				t += l[i] + ((i + 1) % 3 == 0 && (i + 1) != l.length ? "," : "");
			}
			return t.split("").reverse().join("") + "." + r;
		},
		// 例：
		// {{fmoney('12345.675910', 3)}}
		
		
		// 日期中-替换成/
		formatDatatime(datatime){
			return datatime.replace(/-/g,'/')
		},
		// 例：
		// {{formatDatatime('2021-11-24 18:00')}}
		
		
		// \r\n加换行符
		setNewline(string){
			return string.replace(/\r\n|\r|\n/g,'<br>')
		},
		// 例：
		// {{setNewline('优惠美食\r\n美食优惠\r优惠美食\n美食优惠优惠美食美食优惠')}}
		
		
		// 简单的身份证号码验证maxlength="18"
		// isIdCardNo(num){ 
		// 	num = num.toUpperCase(); 
		// 	// if ( !(/(^\d{15}$)|(^\d{17}([0-9]|X)$)/.test(num)) ) {
		// 	if ( !(/(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/.test(num)) ) {
		// 		return false;
		// 	}else{
		// 		return true;
		// 	}
		// },
		isIdCardNo(id) {
			// 18位身份证号码的正则表达式
			const regex = /^[1-9]\d{5}(18|19|20|21|22)?\d{2}(0[1-9]|1[0-2])(0[1-9]|[12]\d|3[01])\d{3}(\d|[Xx])$/;
		
			// 校验位验证
			const weights = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2]; // 加权因子
			const checkCode = '10X98765432'; // 校验码
		
			// 基本校验
			if (!regex.test(id)) return false;
		
			// 计算校验码
			let sum = 0;
			for (let i = 0; i < id.length - 1; i++) {
					sum += parseInt(id.charAt(i), 10) * weights[i];
			}
			// 验证校验码
			const last = id.charAt(17).toUpperCase();
			if (checkCode[sum % 11] !== last && 'X' !== last) return false;
		
			return true;
		},
		// 例：
		// {{isIdCardNo('340822198804044327')}}
		// {{isIdCardNo('34082219880404432x')}}
		// {{isIdCardNo('340822198804044')}}
		
		
		// 手机号中间4位*替换
		setTel(mobile){
			return mobile.replace(/(\d{3})(\d{4})(\d{4})/g,'$1****$3')
		},
		// 例：
		// {{setTel('13355558888')}}
		
		
		// 简单的手机号验证
		isMobile(mobile){
			mobile = mobile.replace(/\s/ig, "");
			var reg = /^1\d{10}$/;
			return reg.test(mobile)
		},
		// 例：
		// {{isMobile('13355558888')}}
		
		
		// 手机、固话(3位区号8位电话 | 4位区号7位电话 | 4位区号8位电话 | 3位区号-8位电话 | 4位区号-7位电话 | 4位区号-8位电话)
		testTel(tel){
			tel = tel.replace(/\s/ig, "");
			var reg = /(^\d{3}-\d{8}$)|(^\d{4}-\d{7}$)|(^\d{4}-\d{8}$)|(^\d{3}\d{8}$)|(^\d{4}\d{7}$)|(^\d{4}\d{8}$)|(^1\d{10}$)/
			return reg.test(tel)
		},
		// 例：
		// {{testTel('02166998888')}}
		// {{testTel('021-66998888')}}
		// {{testTel('05566699888')}}
		// {{testTel('0556-6699888')}}
		// {{testTel('055866998888')}}
		// {{testTel('0558-66998888')}}
		// {{testTel('13355558888')}}
		
		
		// 邮箱
		testEmail(email){
			email = email.replace(/\s/ig, "");
			// var reg = /\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/
			// 或
			// var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/
			var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/
			return reg.test(email)
		},
		// 例：
		// {{testEmail('aa@bb.com')}}
		// {{testEmail('aa@.bbcom')}}
		// {{testEmail('aa@bbcom')}}
		// {{testEmail('@bb.com')}}
		
	}
})