layui输入框校验手机号

layui是一个轻量级的前端UI框架，它提供了一套简单易用的表单验证功能。如果你想要在layui中对输入框进行手机号码的校验，你可以这样做：

首先，你需要引入layui的库文件，并启用表单验证插件。在HTML中添加相应的input元素，并设置`lay-filter`属性用于指定验证规则的名称，比如我们这里会叫`phone`。

<input type="text" id="phoneInput" placeholder="请输入手机号" lay-filter="phone">

然后，在JavaScript中编写验证规则。在一个名为` layui.use('form', function()` 的函数里，加载并配置form模块，定义手机号码的正则表达式作为验证条件：

layui.use(['form'], function(layui) {
    var form = layui.form;
    
    // 定义手机号码的正则表达式
    var phoneRule = /^[3,4,5,6,7,8,9]\d{9}$/;

    // 设置手机号码验证规则
    form.verify({
        phone: {
            rule: phoneRule,
            msg: '请输入有效的手机号',
            callback: function(err, obj) { // 这里的回调可以自定义错误处理逻辑
                if (err) {
                    return false; // 验证失败
                } else {
                    return true; // 验证成功
                }
            }
        }
    });
});

这样，当你提交表单时，layui会自动调用这个验证规则检查手机号码是否合法。如果不符合规则，会显示提示信息。