资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划，从策略到执行的一站式服务

网站建设 >

查看其它板块

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://www.cdkjz.cn/article/ieegho.html
        
        

            返回首页
            了解更多建站资讯
        

    



    
相关资讯

    

        
    





    

        

            

                多年建站经验
            

            

                
多一份参考，总有益处

                
 联系快上网，免费获得专属《策划方案》及报价

                

                    
咨询相关问题或预约面谈，可以通过以下方式与我们联系

                    
 大客户专线   成都：13518219792
                          座机：028-86922220
                    

                

            

        

        

            在线咨询
            提交需求
        

    





    

        

            

                友情链接
                交换友情链接
            

            

                

                    成都ssl证书申请绵阳网站建设微信小程序开发成都光彩外墙景观成都网站维护成都西云机房重庆小程序开发公司VI设计德阳东方电机技改服务有限公司帝美豪门窗                

            

        

    

    

        

            
成都网站建设公司地址：成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220

            

                成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.

            
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网！ | 成都网站建设哪家好？ | 网站建设地图