vue手机号校验，邮箱校验

<kf-input v-model="form.phoneNum" placeholder="请击输入" maxlength="11"/>

          phoneNum: [
            {required: true, message: '请输入手机号码', trigger: 'blur'},
            { type: 'number',
              message: '手机号格式不正确',
              trigger: 'blur',
              transform (value) {
                var phonereg = 11 && /^((13|14|15|16|17|18|19)[0-9]{1}\d{8})$/
                if (!phonereg.test(value)) {
                  return false
                }else{
                  return Number(value)
                }
              }
            }
          ]

 

<kf-input v-model="form.email" placeholder="请输入" maxlength="30"/>

 

          email: [
            {required: false, message: '请输入邮箱', trigger: 'blur'},
            { type: 'string',
              message: '邮箱格式不正确',
              trigger: 'blur',
              transform (value) {
                if (!/^\w+((-\w+)|(\.\w+))*@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/.test(value)) {
                  return true
                }else{
                }
              }
            },
            { type: 'string', message: '长度不能超过30位', trigger: 'blur', max: 30 }
          ],

 

 

参考：https://blog.csdn.net/qq_40295815/article/details/105433115