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 @   大da脸  阅读(336)  评论(0编辑  收藏  举报
编辑推荐:
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
阅读排行:
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
· 上周热点回顾(2.17-2.23)
点击右上角即可分享
微信分享提示