第十二篇：VUE前端开发常用的正则表达式-封装js文件可直接引用

小熊猫Yzt_199626

于 2021-05-26 16:42:28 发布

阅读量1.3k

点赞数 5

分类专栏： VUE中使用正则表达式文章标签： vue javascript 正则表达式封装

本文链接：https://blog.youkuaiyun.com/Yzt_199626/article/details/117295974

版权

前言：在日常开发当中经常用到一些正则表达式，比如电话号码、邮箱、IP和数字等校验，个人每次都要去查阅下才知道怎么书写，特自己封装一个，方便后续查阅，

同时后续还会新增一些校验。

先看下校验的效果：

话不多说，直接放代码：

1. 个人封装一个公共的 js文件，名命为 regulation.js, 如下：

export default {
  telphone: (rule, value, callback) => {
    if (value === '') {
      callback()
      return
    }
    const pass = /^(0[0-9]{2,3}-)?([2-9][0-9]{6,7})+(-[0-9]{1,4})?$/g.test(
      value
    )
    if (!pass) {
      callback(new Error(rule.message || '正确格式: 区号-电话号码 或 电话号码'))
    }
    callback()
  },
  phone: (rule, value, callback) => {
    if (value === '') {
      callback()
      return
    }
    const pass = /^(\\+86)?0?[1][34578][0-9]{9}$/g.test(value)
    if (!pass) {
      callback(new Error(rule.message || '请输入正确的电话号码'))
    }
    callback()
  },
  email: (rule, value, callback) => {
    if (value ==