首页 > 其他 > 详细

layui 弹出框提交表单

时间:2020-03-02 17:30:49      阅读:1289      评论:0      收藏:0      [点我收藏+]
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的隐藏提交
                                }
                            });

 

layui 弹出框提交表单

原文:https://www.cnblogs.com/zsczsc/p/12396052.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!