都知道 如果在一个大项目中 很多都会用到正则,但是正则一个一个写回很麻烦 所以我就自己手动封装了一个 正则 我这里呢只是封装一个方法 里面的正则的话 可以自行添加正则大全
首先在你的项目中 你自己建立文件夹 自己手动创建工具文件夹 随便自己起名字
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 来进行正则的判断
当然封装的方法不唯一,封装只是让我们写代码更加方便,简介 所以有很多办法 有更好推荐的话 可以一起探讨