Loading

layui 弹出框提交表单

layer.open({
                                type:1,
                                title:"发送消息",
                                skin:"myclass",//自定样式
                                area:["800px","400px"],
                                btn: ['发送', '取消'],
                                btnAlign: 'c',   // 按钮居中
                                content:$("#t"), //如果要form表单提交必须是$("#t") dom元素,不能是$("#t").html()
                                success: function(layero, index){
                                    form.render();//动态渲染
                                    form.verify();
                                    form.on('submit(t_form)', function(data){
                                        $.ajax({
                                            url:"",  
                                            dataType:"json",   //返回格式为json
                                            async:true,
                                            data:data.field,    //参数值
                                            type:"POST",   //请求方式
                                            success:function(req){
                                                //请求成功时处理
                                                //console.log(req);
                                                if(req.code === 1){
                                                    layer.close(index);   // 关闭弹窗
                                                    layer.msg('发送成功', {icon: 6});
                                                }else{
                                                    layer.msg('发送失败 '+req.msg, {icon: 5});
                                                }
                                            },
                                            error:function(){
                                                //请求出错处理
                                                layer.msg('发送失败', {icon: 5});
                                            }
                                        });
                                    });
                                },
                                yes: function(index, layero){
                                    layero.find('.sub-btn').click();    // 这一句就是点击确认按钮触发form的隐藏提交
                                }
                            });

 

posted @ 2020-03-02 15:56  5572  阅读(4041)  评论(0编辑  收藏  举报