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的隱藏提交
                                }
                            });

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM