layer弹窗插件留言提交
function msgShow(getname,getuserid){ layer.open({ type: 1 //此处以iframe举例 ,title: '收件人:'+getname+'(ID:'+getuserid+')' //弹窗的标题部分(按照需求,传入参数并显示) ,area: ['490px', '430px'] ,shade: 0 ,offset: [ //为了演示,随机坐标 ] ,maxmin: true ,content: '<div class="cl pd-20" style=" background-color:#5bacb6"></div><div class="pd-20 ss ygkoa"><form method="post"> <label>留言标题:<input id="inputVal" type="text" name="title" value="" class="input-text" required /></label><br/> 留言内容:<textarea name="content" id="textVal" rows="8" cols="72" required ></textarea><br/></form><p class="ww"></p></div>' ,btn: ['发送留言', '取消发送'] //第一个按钮确认,第二个按钮取消 ,yes: function(){ //按钮一的回调 var inputVal=$("#inputVal").val(); var textVal=$("#textVal").val(); if (inputVal==''||textVal=='') { layer.msg('留言不能为空!(>_<)',{icon: 5}); }else{ $.ajax({ //用ajax把表单数据提交到服务器进行处理 type:"post", url:"/Admin/Team/msgsave", data:"title="+inputVal+"&content="+textVal+"&getuserid="+getuserid, success:function(){ layer.msg('留言发送成功!(^_^)',{icon: 6}); } }) layer.closeAll(); //如果设定了yes回调,需进行手工关闭 } } ,cancel: function(){ //按钮二的回调 layer.closeAll(); } ,zIndex: layer.zIndex //重点1 ,success: function(layero,index){ //打开弹窗后的回调 } }); }