十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
这篇文章主要介绍了layui点击弹框页面实现表单请求的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
成都创新互联是一家专注于做网站、网站制作与策划设计,德令哈网站建设哪家好?成都创新互联做网站,专注于网站建设十载,网设计领域的专业建站公司;建站业务涵盖:德令哈等地区。德令哈做网站价格咨询:13518219792
如下所示:
$("#addSite").click(function () { layer.open({ title: '添加站点', type: 1, area: ['700px', '400px'], content: '', btnAlign: 'c', btn: ['确定', '取消'], yes: function (index, layero) { var str = $("input[name=isIndividual]").val(); if (str == "on") { str = "1"; } else { str = "0"; } if ($("input[name=siteName]").val() == null || $("input[name=siteName]").val() == "") { layer.msg('请输入站点名称', {icon: 5, time: 2000, area: '200px', type: 0, anim: 6,}, function () { $("input[name=siteName]").focus(); }); return false; } else if ($("input[name=fileRecord]").val() == null || $("input[name=fileRecord]").val() == "") { layer.msg('请输入备案号', {icon: 5, time: 2000, area: '200px', type: 0, anim: 6,}, function () { $("input[name=fileRecord]").focus(); }); return false; } else if ($("input[name=type]").val() == null || $("input[name=type]").val() == "") { layer.msg('请输入平台信息', {icon: 5, time: 2000, area: '200px', type: 0, anim: 6,}, function () { $("input[name=type]").focus(); }); return false; } else if ($("input[name=sitePhone]").val() == null || $("input[name=sitePhone]").val() == "") { layer.msg('请输入联系电话', {icon: 5, time: 2000, area: '200px', type: 0, anim: 6,}, function () { $("input[name=sitePhone]").focus(); }); return false; } var formData = { siteName: $("input[name=siteName]").val(), fileRecord: $("input[name=fileRecord]").val(), type: $("input[name=type]").val(), sitePhone: $("input[name=sitePhone]").val(), siteMark: $("textarea[name=siteMark]").val() }; console.log(formData); $.post('${pageContext.request.contextPath}/leaguer/addSite', formData, function (data) { //判断是否发送成功 if (data.code == 200) { layer.msg(data.message); layer.close(index); parent.document.getElementById('my_iframe').contentWindow.location.reload(true); } else { layer.msg("保存失败...", {type: 1}); } }) }, btn2: function (index, layero) { layer.msg("取消"); //return false 开启该代码可禁止点击该按钮关闭 }, cancel: function () { layer.msg("关闭窗口"); //右上角关闭回调 //return false 开启该代码可禁止点击该按钮关闭 }, success: function () { layui.use('form', function () { var form = layui.form; //只有执行了这一步,部分表单元素才会修饰成功 form.render('checkbox'); form.on('checkbox(istrue)', function (data) { /* if(data.elem.checked){ emailConfig['isenterprise']=1; }; //是否被选中,true或者false*/ }); }); } }); })注意事项: 请填写相关的数据信息!' + '
另类: tab刷新iframe页面
var iframes= parent.document.getElementsByTagName('iframe'); for(var i=0;i感谢你能够认真阅读完这篇文章,希望小编分享的“layui点击弹框页面实现表单请求的示例分析”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!
本文名称:layui点击弹框页面实现表单请求的示例分析
文章链接:http://6mz.cn/article/ieegho.html