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

猜你喜欢

转载自blog.csdn.net/weixin_40873693/article/details/117125211