如何自己手动封装一个正则验证

都知道 如果在一个大项目中  很多都会用到正则,但是正则一个一个写回很麻烦 所以我就自己手动封装了一个 正则  我这里呢只是封装一个方法 里面的正则的话  可以自行添加正则大全

首先在你的项目中 你自己建立文件夹 自己手动创建工具文件夹 随便自己起名字

	testInp(name, val) {
		val = val.trim()
		let obj = {
			mobile: /^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/,
			code: /^[0-9]{4,6}$/
		}
		for (let key in obj) {
			if (key == name) {
				if (obj[key].test(val)) {
					return true
				} else {
					return false
				}
			}
		}
	},

可以写入这个代码后 obj对象中可以自行添加  键就是你前面传过来的名字,值就是当前需要验证的正则  

当然如果你是React  你就直接引入使用 如果你是vue 你可以把方法挂载在全局实例上面 使用的时候 直接拿下来就行了  下面说明:

textInp('code',传入需要验证的文本框内容)

这样就你就可以得到true 或false 来进行正则的判断  

当然封装的方法不唯一,封装只是让我们写代码更加方便,简介 所以有很多办法 有更好推荐的话 可以一起探讨

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值