layui表单用户输入时验证是否为合法手机号

可以使用 layui 的 form 模块的 verify 方法来实现手机号的验证，下面是一个示例代码：

<form class="layui-form" action="">
  <div class="layui-form-item">
    <label class="layui-form-label">手机号</label>
    <div class="layui-input-block">
      <input type="tel" name="phone" lay-verify="phone" placeholder="请输入手机号" autocomplete="off" class="layui-input">
    </div>
  </div>
  <div class="layui-form-item">
    <div class="layui-input-block">
      <button class="layui-btn" lay-submit lay-filter="demo1">立即提交</button>
      <button type="reset" class="layui-btn layui-btn-primary">重置</button>
    </div>
  </div>
</form>

<script>
layui.use(['form', 'jquery'], function(){
  var form = layui.form,
      $ = layui.jquery;

  //自定义验证规则
  form.verify({
    phone: function(value, item){ //value：表单的值、item：表单的DOM对象
      if(!/^1\d{10}$/.test(value)){
        return '请输入正确的手机号！';
      }
    }
  });
});
</script>

在上面的示例代码中，通过 `lay-verify="phone"` 将验证规则绑定到了手机号输入框上，然后在 `form.verify` 方法中定义了 `phone` 验证规则，使用正则表达式 `/^1\d{10}$/` 来验证手机号的格式是否正确。如果验证不通过，就返回一个错误提示信息。

需要注意的是，上面的代码中使用了 layui 的 form 模块和 jquery 库，需要先引入这两个文件。