layui的lay-verify 验证使用自带的email phone时候不填不验证，填写了才验证

<input type="tel" name="contacttel" lay-verify="phone"  placeholder="请输入联系电话" autocomplete="off" class="layui-input" >

 我我没用写required，因为这里希望有电话验证没有就不验证。

但是这么写却在没有填写的时候提示请输入正确的手机号。可能是他觉得手机号是空的也属于不符合正确的手机的类型。

在这里我们就不能偷懒用它现成的lay-verify="phone" 可以自己写验证啦

 

<input type="tel" name="contacttel" lay-verify="phonemsg"  placeholder="请输入联系电话" autocomplete="off" class="layui-input" >

自定义验证。

form.verify({
     phonemsg: function(value, item){ //value：表单的值、item：表单的DOM对象
           if(value!=""){  //值不是空的时候再去走验证
             if(!/^1[3|4|5|7|8]\d{9}$/.test(value)){
              return '手机号格式不正确';
            }
          }
    }
})