layui form表单提交

最新推荐文章于 2025-07-23 22:55:23 发布

原创

最新推荐文章于 2025-07-23 22:55:23 发布 · 1k 阅读

2 ·

CC 4.0 BY-SA版权

本文介绍了如何利用layui框架创建并实现表单提交功能，包括表单元素的配置、提交事件监听以及数据验证等关键步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 <div class="layui-form-item">
                    <button class="layui-btn layui-btn-fluid"
                            lay-submit lay-filter="login-submit">登 入</button>
                </div>

//登录逻辑
$(function  () {
    //监听提交(data 表单属性对象)
    layui.use(['form','layer'], function(){
        var form = layui.form;
        var layer = layui.layer;
        form.on('submit(login-submit)', function(data){
            $.ajax({
                type:'post',
                url:'/login',
                data:data.field,
                success:function (data) {
                    if (data.success){
                        layer.msg('登录成功', {icon: 6});
                        setTimeout("location.replace('/toIndex')",1000);
                    }else{
                        layer.msg(data.message,{icon: 5});
                    }
                },
                error:function (data) {
                    layer.msg(d