layui点击弹框页面实现表单请求的示例分析

这篇文章主要介绍了layui点击弹框页面实现表单请求的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

成都创新互联是一家专注于做网站、网站制作与策划设计,德令哈网站建设哪家好?成都创新互联做网站,专注于网站建设十载,网设计领域的专业建站公司;建站业务涵盖:德令哈等地区。德令哈做网站价格咨询:13518219792

如下所示:

$("#addSite").click(function () {
  layer.open({
    title: '添加站点',
    type: 1,
    area: ['700px', '400px'],
    content: '注意事项: 请填写相关的数据信息! ' +
    ' ' +
    '' +
    '' +
    '站点名称' +
    '' +
    '' +
    '
' +     '' +     'ICP备案号' +     '' +     '' +     '
' +     '' +     '' +     '' +     '联系电话' +     '' +     '' +     '' +     '' +     '平台信息' +     '' +     '' +     '' +     '' +     '' +     '备注' +     '' +     '' +     '' +     '' +     '',     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://scyanting.com/article/ieegho.html