vue中表单验证的问题

Question

想自己实现一个简单的登录验证 主要验证手机号和密码 在input失去焦点的时候以及点击登录的时候都可以进行验证 验证状态有两种 一个是非空验证 还有一个是验证是不是正确的手机号 错误提示文字图中p元素里的font标签里 我这样写貌似只能实现非空验证 有没有更好的办法实现这两种验证状态呢 Y并且是input失去焦点和点击的时候都可以

Answer 1

const reg = /^1[3|4|5|7|8][0-9]{9}$/;
            if(reg.test(this.phoneNum)){
                console.log('正确的手机号')
            }else{
                console.log('手机号错误')
            }

Answer 2

if( !value && !(/^1(3|4|5|7|8)\d{9}$/.test(value)) ){ 
        isPhone = true;
    }