layui 验证用法

红色区域都是需要注意的,所有的都齐全后验证才能生效。

1:<form class="layui-form" action="">

2:<input class="in1 layui-input layui-form-danger" type="text" name="name" id="name" lay-verify="name" placeholder="请输入您的姓名" maxlength="3" />

3:

//自定义验证规则
        form.verify({
            name: function (value) {
                if (value.length < 5) {
                    return '标题至少得5个字符啊';
                }
            }
        });

4:<button type="submit" class="layui-btn" lay-submit="" lay-filter="demo1">立即提交</button>

5:

//监听提交
        form.on('submit(demo1)', function (data) {
            layer.alert(JSON.stringify(data.field), {
                title: '最终的提交信息'
            })
            return false;
        });

 

posted @ 2021-12-14 08:49  大da脸  阅读(329)  评论(0编辑  收藏  举报