vue 郵箱 和手機號正則驗證

vue 郵箱 和手機號正則驗證
element UI 
 input 自定義驗證

注意：寫在 data當中，return之外

郵箱
    // 驗證郵箱的規則
    var checkEmail = (rule, value, cb) => {
      // 驗證郵箱的正則表達式
      const regEmail = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/

      if (regEmail.test(value)) {
        // 合法的郵箱
        return cb()
      }

      cb(new Error('請輸入合法的郵箱'))
    }


        email: [
          { required: true, message: '請輸入郵箱', trigger: 'blur' },
          { validator: checkEmail, trigger: 'blur' }
        ],
手機號
-------------------------------------------------------------
    // 驗證手機號的規則
    var checkMobile = (rule, value, cb) => {
      // 驗證手機號的正則表達式
      const regMobile = /^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/

      if (regMobile.test(value)) {
        return cb()
      }

      cb(new Error('請輸入合法的手機號'))
    }

        mobile: [
          { required: true, message: '請輸入手機號', trigger: 'blur' },
          { validator: checkMobile, trigger: 'blur' }
        ]