layui 弹出层form表单提交验证

最新推荐文章于 2024-08-11 15:42:10 发布

旧麋鹿

最新推荐文章于 2024-08-11 15:42:10 发布

阅读量7.5k

点赞数 6

文章标签： layui form表单

本文链接：https://blog.csdn.net/qq_38225873/article/details/101447979

版权

$('.addOne').on('click', function () {
                layer.open({
                    type: 1,
                    title: false //不显示标题栏
                    ,
                    closeBtn: false,
                    area: '700px;',
                    shade: 0.8,
                    id: 'LAY_layuipro' //设定一个id，防止重复弹出
                    ,
                    resize: false,
                    btn: ['确定', '取消'],
                    btnAlign: 'c',
                    moveType: 1 //拖拽模式，0或者1
                    ,
                    content: $(".pop"),
                    success: function (layero) {
                        $(':focus').blur();
                        // 添加form标识
                        layero.addClass('layui-form');
                        // 将保存按钮改变成提交按钮
                        layero.find('.layui-layer-btn0').attr({
                            'lay-filter': 'formDemo',
                            'lay-submit': ''
                        });
                        form.render();
                    },
                    yes: function (layero, index) {
                        form.on('submit(formDemo)', function (data) {
                            //表单数据formData
                            var formData = data.field;
                            $.ajax({
                                "url": '/ashx/employee/add_laborCosts.ashx',
                                "data": formData,
                                "type": "POST",
                                "success": function () {
                                    table.reload('schoolIn', {
                                        url: "/ashx/employee/add_laborCosts.ashx"
                                    });
                                    layer.alert('添加成功', {
                                        skin: 'layui-layer-molv',
                                        closeBtn: 0
                                    })
                                },
                                "error": function (data) {
                                    layer.alert('添加失败', {
                                        skin: 'layui-layer-molv',
                                        closeBtn: 0
                                    })
                                }
                            })
                        });
                    },
                });
            });