layui表单离焦验证

1. HTML代码：

<form class="layui-form layui-form-pane" action="">
    <div class="layui-form-item">
        <label class="layui-form-label">编号</label>
        <div class="layui-input-block">
            <input type="text" name="num" id="num" placeholder="请输入六位数" class="layui-input">
        </div>
    </div>
</form>

2. JS代码验证：

layui.use(['form','layer'],function(){
    var form = layui.form;
    var layer = layui.layer;
    
    $("#num").blur(function(){
        var num = $("#num").val();
        var reg = /^[0-9]*$/;//正则表达式
        if(num.length < 6 || num.length > 6) {
            layer.msg('编号只能是六位数', {icon: 5});
        } else {
            if(!reg.test(num)) {
                layer.msg('编号只能是阿拉伯数字', {icon: 5});
            }
        }
    });
});

3. 注意：记得使用的时候导入layui.js和layui.css。