好资源导航 » 文章资讯 » layui点击弹框页面表单请求的方法

layui点击弹框页面表单请求的方法

2023-08-13 19:52:04 76

如下所示：

$("#addSite").click(function(){
layer.open({
title:'添加站点',
type:1,
area:['700px','400px'],
content:'注意事项:请填写相关的数据信息!'+
''+
''+
''+
'站点名称'+
''+
''+
'

'+ ''+ 'ICP备案号'+ ''+ ''+ '

'+ '

'+ ''+ ''+ '联系电话'+ ''+ ''+ ''+ ''+ '平台信息'+ ''+ ''+ ''+ ''+ ''+ '备注'+ ''+ ''+ ''+ ''+ '', btnAlign:'c', btn:['确定','取消'], yes:function(index,layero){ varstr=$("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(); }); returnfalse; }elseif($("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(); }); returnfalse; }elseif($("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(); }); returnfalse; }elseif($("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(); }); returnfalse; } varformData={ 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("取消"); //returnfalse开启该代码可禁止点击该按钮关闭 },cancel:function(){ layer.msg("关闭窗口"); //右上角关闭回调 //returnfalse开启该代码可禁止点击该按钮关闭 }, success:function(){ layui.use('form',function(){ varform=layui.form;//只有执行了这一步，部分表单元素才会修饰成功 form.render('checkbox'); form.on('checkbox(istrue)',function(data){ /*if(data.elem.checked){ emailConfig['isenterprise']=1; };//是否被选中，true或者false*/ }); }); } }); })

另类:tab刷新iframe页面

variframes=parent.document.getElementsByTagName('iframe');
for(vari=0;i
以上这篇layui点击弹框页面表单请求的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。
                
            
              
            
                                    上一篇
Vue使用NProgress进度条的方法
                
                                    下一篇
详解mpvue开发微信小程序基础知识
                            
            
            
                     
                热门推荐 
                                        1 毛坯房验收经验和常识 看了之后再验房心里有底  
                                        2 二手房收房如何交接 二手房收房注意问题  
                                        3 专业验收毛坯房的价格 商品房验收合格的标准  
                                        4 精装房怎么验收 精装房请验房师有用吗  
                                        5 一般要到哪里找验房师 验房师有哪些作用呢  
                                        6 请人验房一般是多少钱 验房师费用是多少  
                                        7 怎样测量房子面积 建筑面积和使用面积怎么算  
                                        8 收房需要注意什么 仔细检查不松懈  
                                        9 收房时三书一证一表是什么 主要作用介绍  
                                        10 交房时交房税费有哪些 本文为你一一讲解  
                                        11 验房都需要验什么 要做哪些准备呢  
                                        12 毛坯房验房师有必要请吗 毛坯房装修完如何验收  
                                        13 地下室防水工程质量验收规范详解  
                                        14 水性涂料、油性涂料区别介绍  
                                        15 零基础布艺DIY工坊 教你做超萌猫头鹰钥匙包  
                                        16 三棵树漆怎么样？三棵树漆官方网站  
                                        17 家庭“装修套餐”中猫腻你知道吗？  
                                        18 小空间大浴望 卫浴间装修巧支招  
                     
            
            
                
                
                
            
        
        
        
            
                随机推荐
                
                                            
                            PHP+jquery+ajax实现分页
                        
                                            
                            浅谈Java中的hashcode方法（推荐）
                        
                                            
                            Tensorflow如何与TF Hub一起用于转移学习，以下载图像网络分类器？
                        
                                            
                            Docker 打包python的命令详解
                        
                                            
                            Java transient 关键字详解及实例代码
                        
                                            
                            JS定时器实现数值从0到10来回变化
                        
                                            
                            详解linux 关机命令总结
                        
                                            
                            magento后台无法登录解决办法的两种方法
                        
                                            
                            AngularJS模仿Form表单提交的实现代码
                        
                                            
                            Tensorflow如何与预训练模型一起使用来编译模型？
                        
                                            
                            详解JavaScript中的属性和特性
                        
                                            
                            Android OnCreate()中获取控件高度与宽度两种方法详解
                        
                                            
                            js倒计时小实例（多次定时）
                        
                                            
                            Android onActivityResult和setResult方法详解及使用
                        
                                            
                            通过Ajax使用FormData对象无刷新上传文件方法
                        
                                            
                            iOS 约束冲突怎么解决
                        
                                    
            
            

                 
                
                
            
        
    



    
        
        返回顶部
    
    
        
            
            514930285
        
    
    
        
            
            czq8825@qq.com
        
    




    免责声明：网站资源来源于网络，如有侵权，请及时联系删除。
    Copyright © 2024 好资源导航网. All Rights Reserved.
    
        蜀ICP备2021004611号-4
        网站地图

layui点击弹框页面 表单请求的方法

热门推荐

随机推荐

layui点击弹框页面表单请求的方法